摘要: 移动前端开发之viewport的深入理解 在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 阅读全文
posted @ 2019-03-30 19:25 秋天的鱼 阅读(23058) 评论(1) 推荐(2) 编辑
摘要: 1.背景介绍传统的项目开发中,我们只会用到px、%、em这几个单位,它可以适用于大部分的项目开发,并且拥有比较良好的兼容性。但是你知道吗?从css3开始,浏览器对逻辑单位的支持又提升到了另外一个境界,增加了rem、vh、vw、vm等一些新的长度单位,我们可以利用这些新的单位开发出比较良好的响应式页面 阅读全文
posted @ 2019-03-30 19:22 秋天的鱼 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 一:布局方式有如下几种: 1. 固定布局:固定布局以PX(像素)作为单位的,在PC端,设计稿多少PX就写多少PX,前几年都是这种布局,常见的是以960px或者1000px来设计的,但是这样设计有如下缺点: 1.1.页面很死板,在更大的屏幕上,页面左右2边留白。 1.2.不适应响应性布局。 2. 流式 阅读全文
posted @ 2019-03-30 19:19 秋天的鱼 阅读(230) 评论(0) 推荐(0) 编辑