![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
移动端web适配
yanzi_0216
这个作者很懒,什么都没留下…
展开
-
移动端布局方案
移动端布局方案弹性盒子 flex布局流式布局 百分比布局响应布局 媒体查询 (超小屏设备的时候:流式布局)Bootstrap中的栅格系统也属于媒体查询的响应式布局rem布局前三种布局:元素只能做宽度的适配(排除图片)rem布局:宽度和高度都能做到适配(等比缩放,像图片一样)...原创 2020-09-03 20:41:13 · 106 阅读 · 0 评论 -
移动端web总结(二)——微金所项目总结
移动端微金所项目知识点总结1,媒体查询:使用媒体查询能针对不同屏幕区间设置不同的布局和样式语法: @media screen and (max-width: 768px) and (min-width: 320px){属性样式}//1. 超小屏设备 768px以下@media screen and (max-width: 768px) { }//2. 小屏设备 768px-992px@media screen and (min-width: 768px) and (max-width: 992原创 2020-09-03 17:12:58 · 408 阅读 · 0 评论 -
移动端web总结(三)——苏宁项目总结
苏宁项目知识点总结(less+rem)1,less语法注意事项less声明变量使用@作为前缀,声明函数使用‘.’作为前缀。在要被引入html文件中的less文件或要直接转换为css文件的less文件中,应该在第一行声明编码方式,防止编译时乱码: @charset “UTF-8”; 。less中使用计算时,算数符号的前后都应该有空格。2,less实现遍历less没有循环语法,可以使用函数的迭代实现循环,为了避免死循环可以给函数的执行附加条件(根据数组的长度去停止当前循环),需要通过序号来判断原创 2020-09-03 20:18:38 · 345 阅读 · 0 评论 -
移动端web总结(一)——JDM项目总结
移动端JDM项目知识点总结主流适配方案(viewpoint)1,流式布局:就是百分比布局,非固定像素,内容向两侧填充,理解成流动的布局,称为流式布局2,视觉窗口:viewport(视口),移动端特有,是一个承载网页的虚拟区域。承载关系:浏览器---->viewport---->网页(浏览器承载视口,视口承载网页)3,要实现移动设备与网页的匹配,主流适配方案适配要求:网页宽度必须和浏览器宽度保持一致(不会出现横向滚动条)默认显示的缩放比例和PC端保持(缩放比例1.0)不原创 2020-09-03 15:40:19 · 667 阅读 · 0 评论