PC Web页面在手机上看着像一张缩小的图片,样式为啥不会乱咋做到的采用了啥技术
他们。。。什么都没做,所以就这样了,如果做过什么就不是等比例缩小了。。。
■网友
viewport,移动版 Webkit 浏览器才识别的 meta 标签。(个人没有测试过 Opera 等其他浏览器)范例写法:\u0026lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=10.0, user-scalable=yes″\u0026gt;基本原理是,当页面的渲染宽度大于浏览器当前的宽度时,将页面渲染成类似一张图片并收缩到 viewport 的 width 。页面上所有元素等比缩放。width:控制 viewport 尺寸,可以是固定值。也可以赋值为 device-width 为设备宽度。个人测试下来,这个 device-width 貌似是取设备的长边作为赋值的。height:同上,除非页面是横着拖的,一般用不上。initial-scale:页面默认打开时的缩放尺度,范围0-10,小数点后2位可用。maximum-scale:允许用户缩放到的最大比例,范围0-10,小数点后2位可用。minimum-scale:允许用户缩放到的最小比例,范围0-10,小数点后2位可用。user-scalable:用户是否可以手动缩放,值为 yes 或 no。当值为 no 的时候,maximum-scale 与 minimum-scale 很多文档说是不起作用,但是个人测试有影响。更多内容请参考:https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html这玩意咱也用的不多,摸索中,有错误请指正。PS:这种问题回答起来感觉好像搬运工……
■网友
980px宽度?大部分手机不加viewport的情况下宽度默认980px,pc网站宽度980px的情况下刚刚好满宽度
推荐阅读
- 啥是微信开发WEB前端
- 唯品会无搜索模式真的能让大众消费者驻留页面更长时间吗
- web开发,一般项目经理从项目中拿多少项目奖金
- 百度统计是否有统计页面上某个按钮被点击次数的功能
- 在手机正面装指纹传感器比在背面装要难
- 如果要在手机上做一款FPS+MOBA,你会咋设置操作模式来让其获得最佳体验
- 同时喜欢web和单片机,业余自学程序员,应该怎样选方向
- 入游戏开发坑一年,迷茫中,应该选择原生app游戏还是web html5游戏还是3d重度游戏,未来是何
- HTML这么原始的页面展现方式为何没有新技术彻底替换它
- 树洞网和糗事百科啥关系,为啥页面设计这么一致
