打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
移动端前端笔记
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>移动端加上这 个标签才是真正的自适应,不加的话,假如你把一个980px宽度(手机端常规是980)的PC网页放在手机上显示,倒也能正常显示不出现滚动条,不过是移 动设备对页面 做了缩小优化,所以字体等都相应缩小了(980px是相对于手机像素的,我的是超过1000px多一些就出现滚动条了,这个没具体研究)。

关于  initial-scale=1 ,这个参照iphone5的尺寸320*568,如果你页面按照640*1136做的话,scale就设为0.5                     
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
移动平台的meta标签
移动前端适配
什么是Viewport Meta(width详解)及在手机上的应用
正确的手机头部声明(android,iphone)
2.10综合实例2-移动端页面练习
网页head中加入下面一句代码可以使网站在手机端全屏显示
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服