![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端基础
文章平均质量分 77
poorpenguin
这个作者很懒,什么都没留下…
展开
-
移动端基础(2)—— flex弹性布局
一、flex弹性布局 flexible-box-layout 弹性盒式模型,它能更加高效的控制元素的对齐、排列,更重要的是能够自动计算布局内元素的尺寸,无论这个元素的尺寸是固定的还是动态的。 父元素(flex container) 子元素(flex item) 主轴(main axis)可由display-direction属性设置主轴的方向 交叉轴(cross axis) 不一定...原创 2018-09-11 16:33:57 · 807 阅读 · 0 评论 -
移动端基础(1)—— 基础知识
一、移动端与PC端的不同 1.W3C标准的支持情况 PC端:Chrome浏览器支持最好,低版本IE支持较差,然而中国人用的IE多数版本较低 移动端:Chrome浏览器支持良好,而ios浏览器支持较差 PS:CAN I USE(caniuse.com)是一个可以查询可以查询浏览器对W3C标准的支持情况 2.交互上因屏幕的变化而改变 屏幕变小意味着很多东西需要触发才能展现,最明显的...原创 2018-09-09 17:10:54 · 496 阅读 · 0 评论 -
移动端基础(3)—— 响应式布局
一、响应式布局(@media) 针对不同的屏幕尺寸设置不同的样式,是为了解决移动互联网的问题而诞生的。响应式布局是解决移动端设备屏幕尺寸不同的问题。 响应式布局的优缺点 优点: 面对不同分辨率设备灵活性强。 能够快捷解决多设备显示适应问题。 缺点: 兼容各种设备工作量大,效率低下。 代码累赘,会出现隐藏无用的元素,加载事件加长。 响应式是一种折衷性质的设计解决方案,多方面...原创 2018-09-26 22:12:42 · 250 阅读 · 0 评论