公司新闻
新闻资讯
联系我们
手机:0371-88886666
电话:0371-88886666
微信:yingzia
邮箱:admin@91084.com
地址:河南省开封市祥符区
公司新闻
PC网站在手机上按比例缩小适应屏幕代码
- 作者:admin
- 发布时间:2021-04-12 04:35:48
- 点击:119次
一般情况下,我们设置视口标签meta的初始比例是1.0,用户可根据实际测试请款该调整大小值。
这样的话,如果设备的缩放比例devicePixelRatio为2的话,那么意味着手机会用2个物理像素来显示1个像素,一般情况下,在pc中,我们会根据屏幕物理分辨路来设置显示分辨率,用1个物理像素来显示1个实际像素,以达到最佳的显示效果,如果显示分辨率小于物理分辨率(比如1920*1080的屏幕设置成1366*768),则会产生锯齿,画面变得粗糙。同理,在移动端可以通过动态调整缩放比例,来让一个物理像素显示一个实际像素,来达到最佳显示效果,实际案例中,淘宝的移动端就是动态设置缩放比例。
content属性值 :
width:可视区域的宽度,值可为数字或关键词device-width
height:同width
intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,
maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。
user-scalable:是否可对页面进行缩放,no 禁止缩放
转载请注明来源网址:https://www.91084.com/
- 上一篇:三四线城市总部如何搞定分站进行O2O?
- 下一篇:餐饮行业如何利用微信转型O2O?
新闻资讯
-
2021-04-12
格展:微信公众平台营销方法
-
2021-04-12
餐饮行业如何利用微信转型O2O?
-
2021-04-12
PC网站在手机上按比例缩小适应屏幕代码
-
2021-04-12
三四线城市总部如何搞定分站进行O2O?
-
2021-04-12
谷歌被罚27亿美元!是什么启示信号
-
2021-04-12
商户做移动APP站点可靠吗?