Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Pages - General Discussions
Answered

Images and videos not resizing for display on Mobile and Tablet

(0) ShareShare
ReportReport
Posted on by 93

Hi
Does anyone have a workaround for resizing images and embedded videos for knowledge articles on dynamics 365 self service portal to display contents properly to fit screen when viewed on a mobile or tablet?

Categories:
  • Sol007 Profile Picture
    93 on at
    Re: Images and videos not resizing for display on Mobile and Tablet

    @GWham1 

     

    Is there a target sizing for Width and Height when using inline images to adjust accordingly on screen sizes when dragging and dropping the image on Knowlegde article designer view?

  • Verified answer
    GWham1 Profile Picture
    on at
    Re: Images and videos not resizing for display on Mobile and Tablet

    You could use media queries in your CSS to target the screen size and then amend the image/video sizes. If you want to have everything 100% you could add the bootstrap class img-responsive.

     

    /* CSS for mobile screens (up to 768px) */
    @media only screen and (max-width: 768px) {
     img { width:100%; height:auto; }
     .or-use-image-class { width:100%; height:auto; }
     iframe { width:100%; height:auto;}
     .or-use.video-class { width:100%; height:auto; }
    }

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Michael Gernaey – Community Spotlight

We are honored to recognize Michael Gernaey as our June 2025 Community…

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard >