摘要: 首先要知道,我们为什么要写自适应的页面(响应式页面) 【直接看干货】 众所周知,电脑、平板、手机的屏幕是差距很大的,假如在电脑上写好了一个页面,在电脑上看起来不错,但是如果放到手机上的话,那可能就会乱的一塌糊涂,这时候怎么解决呢?以前,可以再专门为手机定制一个页面,当用户访问的时候,判断设备是手机还 阅读全文
posted @ 2018-07-02 09:42 小白827 阅读(756) 评论(0) 推荐(1) 编辑
摘要: 1. viewport属性及html页面结构 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <m 阅读全文
posted @ 2018-07-02 09:11 小白827 阅读(2806) 评论(0) 推荐(0) 编辑
摘要: 移动端的布局不同于pc端,首先我们要知道在移动端中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了好几个像素。 在移动端浏览器中以及某些桌面浏览器中,window对象有一个devicePixelRa 阅读全文
posted @ 2018-07-02 09:03 小白827 阅读(1888) 评论(0) 推荐(0) 编辑
摘要: 在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲,移动设备上的viewport就 阅读全文
posted @ 2018-07-02 08:56 小白827 阅读(135) 评论(0) 推荐(0) 编辑