Skip to main content
shareenawahab
Participant
Feb 16, 2015 6:19 AM UTC
Question

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

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 is closed to new replies. Start a new post to keep the conversation going.

19 replies

Willam van Weelden
Willam van Weelden
Inspiring
Feb 16, 2015 9:05 AM UTC

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.

Translate
shareenawahabAuthor
Participant
Feb 16, 2015 10:04 AM UTC

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...

Translate
Willam van Weelden
Willam van Weelden
Inspiring
Feb 16, 2015 10:45 AM UTC

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.

Translate
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices