响应式设计时如何自动阻止移动浏览器自动调整页面大小
来源:互联网 发布:什么软件团购最便宜 编辑:程序博客网 时间:2024/06/04 08:33
众所周知,设计响应式页面的时候,经常会碰到某些浏览器他会缩小整个页面的大小来防止出现页面被截取的情况,
我们需要通过放大才能看到其中的内容。这是移动浏览器自动调整页面的功能。
这样就完全达不到响应式的要求。
那么问题来了,如何阻止浏览器自动调整页面大小呢。
有时候看别人写好的响应式代码的时候,系不系经常会看到head标签中经常会出现如下代码
<meta name="viewport" content="initial-scale=2.0,width=device-width"/><meta>标签,name="viewport"不言而喻,指的是对视口进行调控,content="initial-scale=2.0" 的意思是将页面放大两倍(同理,0.5表示缩小一半,3.0表示放大3倍),
同时,width=device-width告诉浏览器页面的宽度应该等于设备宽度。
<meta>标签还可以控制页面可缩放的范围。下面的代码允许用户将页面最多放大至设备宽度的3倍,最小压缩至设别的一半。
<meta name="viewport" content="maximum-scale=3.0,minimum-scale="0.5",width=device-width"/>当然,也可以禁止缩放,
<meta name="viewport" content="initial-scale=1.0,user-scalable=no"/>
2 0
- 响应式设计时如何自动阻止移动浏览器自动调整页面大小
- easyui layout布局的根据浏览器页面大小自动调整大小
- 根据浏览器的大小,自动调整Silverlight的大小
- IFrame自动调整大小
- IFrame 自动调整大小
- iframe自动调整大小
- 自动套用格式以及设计时支持
- [facebook开发系列之二]如何使页面自动调整canvas窗口的大小
- 网页宽度自动调整响应式网页
- 网页宽度自动调整响应式网页
- 图片跟随用户对浏览器的操作自动调整大小
- MFC如何使控件大小随着对话框大小自动调整
- MFC如何使控件大小随着对话框大小自动调整
- MFC如何使控件大小随着对话框大小自动调整
- MFC如何使控件大小随着对话框大小自动调整
- MFC如何使控件大小随着对话框大小自动调整
- MFC如何使控件大小随着对话框大小自动调整
- MFC如何使控件大小随着对话框大小自动调整
- linux学习之十、变量的取用与配置:echo, 变量配置守则, unset
- MAC OS X10.10上Android开发环境搭建
- FATAL:could not connect to the primary server:invalid connection option "application_name"
- log4j logger,Threshold,additivity细节注意
- property_get/property_set
- 响应式设计时如何自动阻止移动浏览器自动调整页面大小
- 结构型模式-适配器
- 创业公司CEO54点
- 消费者对物联网的四大疑虑
- C/S动态生成控件的布局-时间拆分
- SecureCRT如何用RZ,SZ传文件,上传和下载
- Ubuntu下CUDA6.5配置
- cocos2d-x, 2D动态软阴影
- Linux下svn的使用方法