首页 > 关于移动端的meta声明viewport 写或者不写的区别

关于移动端的meta声明viewport 写或者不写的区别

在移动端,页面head加与不加<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">有什么区别吗?我不加这个meta 发现页面也是自适应,不会出现横向滚动条,只是字体大小变得小了不少,请问这个怎么解释?具体有什么区别?


那只是因为你的页面内容宽度超过了移动设备的视窗宽度设备做的缩小优化,那个!完全!不叫!!自适应!!好么!所谓的 Responsive web design 最重要的一个用处就是:

Responsive web design (RWD) is an approach to web design aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones).
- Responsive web design

最重要的是在多种浏览设备上阅读和导航,同时减少缩放、平移和滚动啊!没做自适应的网页你要看个东西你得做多少次缩放!你自己想想看!!也许平常的例子你可能理解无力,但是 MDN 上的这个关于 Facebook 手机版网页我想应该能足够让你明白了。

【热门文章】
【热门文章】