What does Mobile browsers render pages in a virtual “window” mean

291
July 30, 2017, at 12:38 PM

I read on a website the following:

Mobile browsers render pages in a virtual "window" (the viewport), usually wider than the screen, so they don't need to squeeze every page layout into a tiny window (which would break many non-mobile-optimized sites). Users can pan and zoom to see different areas of the page.

I don't have much of experience, can someone please explain using other terms. I didn't understand how the mobile create a viewport and then let the user to zoom in that viewport.

Answer 1

It all means that the page it will fit the mobile's screen when using the meta tag , something like this:

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

So instead of the page showing like desktop view - all shrinked - and then you have to zoom in (a lot) to read, you can just simply scroll, because the content will fit properly the mobile/tablet's screen.

You may or may not be able to zoom depending on the property you use on the meta tag viewport.

This maximum-scale=1 will allow you to block zoom if your initial-scale=1

Rent Charter Buses Company
READ ALSO
Cut desired HTML part from DOM object

Cut desired HTML part from DOM object

I am trying to get one specific css class from my DOM objectI use simplehtmldom library

274
Why have the default link colors changed in my rails app?

Why have the default link colors changed in my rails app?

I have started writing an app in rails and noticed that the links do not have the expected colorsThe color of the links are a dark grey-blue color, different from the standard bootstrap colors, and when I hover over the links, their background color is black

243
Adding Color Variant Image to Dropdown List on Product Page

Adding Color Variant Image to Dropdown List on Product Page

I've been trying to add images to the dropdown list for our color variants and have had zero luck

292
How can I make a line behind a div not to show up on hover in css?

How can I make a line behind a div not to show up on hover in css?

This is normal state, the line is behind the div

252