Geek Answers Handbook

Differences in rendering mobile chrome and android browser

When testing my desktop (non-responsive) on my smartphone, I noticed differences in website rendering in chrome (34.01847.114) and in my own Android browser (4.3). In Chrome, the page is displayed without scaling, as I want. In the native browser, pagination is increased. I do not use the viewprt tag. When I set the viewport tag to

<meta name="viewport" content="width=device-width">

chrome behaves like its own browser and zombies.

Therefore, I do not want any scaling, I want the site to be displayed in full resolution.

+6
source share
2 answers

To prevent zooming, use:

 <meta name="viewport" content="initial-scale=1">

Hope this helps :)

+1
source

Are you sure the page is actually enlarged in the Android browser? My observations are that the previous scale often remains active if you simply reload the same page again and again, which may mislead you, considering that the page loads for users this way. However, using refresh / reload aside, the page will load normally during normal loading. Because of this, I would advise making sure that you go to a new page when you need to reliably check the scaling.

Otherwise, if you still have problems and your desktop has a fixed width, you can simply set the following for the viewport:

 <meta name="viewport" content="width=fixed-width,initial-scale=1">

If the fixed width is the fixed maximum width of the desktop in pixels.

This will give you full width and scale according to each screen size of the mobile device.

0
source

More articles:


All Articles