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的情况下刚刚好满宽度


    推荐阅读