小时电话
17620848827

公司动态

建站经验 网站如何实现兼容手机

2020-05-27 点击数:7249

   一、总结
       一句话总结:加上这句话即可:<meta name="viewport" content="width=device-width,initial-scale=1.0">。
       1、移动设备上的三个viewport是哪三个,分别代表什么?
       2、移动设备上的理想视图区域是什么?
       3、css中的1px并是否等于移动设备的1px,为什么?
       4、影响css的px与物理设备px的因素有哪些?
       5、要把当前的viewport宽度设为ideal viewport的宽度,既可以设置 width=device-width,也可以设置 initial-scale=1,但是最后为什么我们两个一起用?
       6、手机浏览器为了兼容桌面网站,做了什么样的操作?
   二、meta name="viewport" content="width=device-width,initial-scale=1.0" 解释
   移动前端开发之viewport的深入理解