Geek Answers Handbook

Why has the viewport tag changed in Foundation 5.0? No width = device width?

In Zurb Foundation 4.0, docs say to enable (in the page title):

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

At Zurb Foundation 5.0 docs they say:

 <meta name="viewport" content="initial-scale=1.0" />

Note that the specification width = device-width has been dropped. Why?

Every responsive design structure I've seen includes the width = device-width specification. What is he doing and why did Foundation 5.0 abandon it?

+7
zurb foundation
source share
2 answers

He retired due to internal misunderstanding. Only width=device-width causes some devices to scale when switching to landscape mode, which is fixed by adding initial-scale=1.0 . However, only initial-scale=1.0 breaks the viewport on Android.

The download should have the correct viewport tag ( <meta name="viewport" content="width=device-width, initial-scale=1.0" /> ) in the index.html sample, and now the documents should be fixed, but let us know if You found a mistake.

+7
source share

I do not know why it fell into the base 5, maybe this is a mistake!

It sets a browser window for browser layouts relative to which CSS ads are calculated, such as width: 20%, to the width of the device.

(By the way, Opera suggested moving this functionality to full CSS, which in general seems like a good idea. But at the moment they are stuck with an HTML tag.)

Typically, the layout view format takes a width that the provider has decided optimally for viewing desktop sites. By setting the meta-viewport to the width of the device, you will be sure that the width of your sites is optimized so that the device is viewed.

You can also use media queries.

Here you can clearly read http://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html

+2
source share

More articles:


All Articles