Responsive HTML5 Output: How to auto adjust the screen resolution for all devices?

Forum|Forum|11 years ago
February 16, 2015
1 reply
3092 views

Responsive Layout HTML 5 output has to adjust the screen resolution and setting whereever the output is viewed ie. Desktop, Laptop, Tablet or Mobile.

But I can view the output of Desktop only in 95% zoom of the computer, in 100% zoom in desktop shows the output in the below format:

Desktop view:

in 100% zoom: Its a bug, we need to fix it as like the second screen capture

in 95 % zoom on desktop:

We need solution for this since we cannot refer the User the browser type & fixed screen resolution,

so I need my output should auto adjust to all screens and browsers, kindly fix me as early as possible, since I have been at the final phase of the project

This topic has been closed for replies.

Willam van Weelden

Inspiring

What do you mean by 'has to change the resolution'? Are you seeing the wrong outputs on devices? (That's what I can gather from the zoom levels.)

You can change the media queries to determine which devices see which version.

S

shareenawahabAuthor

Participant

The output need to get adapt with the zoom level of the devices. Yes , the desktop view seems to be like tablet view in 100% zoom. May I know what is media queries where I have fix that on Robohelp? Kindly help me with fixing this issue...

Willam van Weelden

Inspiring

The zoom level will affect the media queries, because the dimensions are changing. If you are seeing the tablet layout, your resolutions is probably too low.

You have to change the @media queries in the layout.css. CSS3 @media Query

They are used multiple times, so make sure to get them all.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded