<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">用处
来源:互联网 发布:单片机是什么专业 编辑:程序博客网 时间:2024/06/06 01:05
一:meta name=”viewport”
手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。
二:content=”width=device-width, initial-scale=1
让页面适应手机的宽度,其中: width=device-width :表示宽度是设备屏幕的宽度 initial-scale=1.0:表示初始的缩放比例
三:shrink-to-fit=no
在iOS9中要想起作用,得加上”shrink-to-fit=no” ,原因如下
Viewport meta tags using “width=device-width” cause the page to scale down to fit content that overflows the viewport bounds. You can override this behavior by adding “shrink-to-fit=no” to your meta tag as shown below. The added value will prevent the page from scaling to fit the viewport.
阅读全文
0 0
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">用处
- <meta name="viewport" content="width=device-width, initial-scale=1"> 作用
- <meta name="viewport" content="width=device-width,initial-scale=1>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="viewport" content="width=device-width,initial-scale=1.0">是含义
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="viewport" content="width=device-width, initial-scale=1.0>
- meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- <meta name="viewport" content="width=device-width,initial-scale=1.0">
- meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- html-meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- <meta name="viewport" content="width=device-width,initial-scale=1.0"
- meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scal
- <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
- html5 viewport-关于<meta name="viewport" content="width=device-width, initial-scale=1.0">的解释
- HTML5 viewport-关于<meta name="viewport" content="width=device-width, initial-scale=1.0">的解释
- Android 设置app字体不受Android系统控制
- 进程间通信之管道通信
- C++ MFC 简单 串口通信
- PyOpenPose编译与使用
- 树莓派的PWM调控知识
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">用处
- php微信消息单人推送
- Oracle sql语句教学
- 【Spring】DispatcherServlet的启动和初始化
- MindManager,818点燃一夏
- [题解]bzoj3600 没有人的算数
- 未来世界的幸存者 -- 阮一峰
- 从零开发一个完整的Android项目(四)——合成JSON字符串
- android中蓝牙系统总述