![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动web
霸霸波
这个作者很懒,什么都没留下…
展开
-
移动端流式布局
移动端之流式布局移动端浏览器主要对webkit内核进行兼容移动端设备多,尺寸不一,常用单位是px主要针对的移动端设备是手机调试工具先用谷歌浏览器视口浏览器显示内容的屏幕区域。布局视口(layout viewport)、视觉视口(visual viewport)和理想视口(ideal viewport)布局视口(layout viewport):显示整个页面,需手动缩放视...原创 2019-08-25 20:54:42 · 179 阅读 · 0 评论 -
移动端flex布局
移动web布局之fle布局布局原理采用flex布局的元素,称为flex容器(flex container),简称容器,他的所有子元素自动成为容器成员,称为flex项目(flex item),简称项目。flex布局原理就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式项目可以再添加flex属性成为容器属性常见的父项属性1、flex-direction设置主轴的方向有主轴...原创 2019-08-26 21:26:14 · 148 阅读 · 0 评论 -
移动web开发之rem布局
移动web开发之rem布局rem基础rem单位是一个相对单位,类似于em,em是相对于父元素的字体大小来说的;而rem的基准是相对于html元素的字体大小。px = rem * font-sizerem的优点就是可以通过修改html里面的文字大小来改变页面中元素的大小,达到整体控制的效果媒体查询Media Queryc3新语法@Media可以针对不同的屏幕尺寸改变不...原创 2019-08-29 20:33:04 · 283 阅读 · 0 评论