移动web
文章平均质量分 86
liko0403
这个作者很懒,什么都没留下…
展开
-
响应式布局-bootstap-阿里百秀案例
响应式开发原原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。 响应式布局容器 响应式需要一个父级做为布局容器,来配合子级元素来实现变化效果。 原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化。 案例:响应式导航原创 2022-04-08 20:52:44 · 1741 阅读 · 2 评论 -
rem适配布局-媒体查询-less基础-flexible.js-苏宁案例做法
rem适配布局-媒体查询-less基础--flexible.js-苏宁案例 引入:页面布局文字能否随着屏幕大小变化而变化?流式布局和flex布局主要针对于宽度布局,那高度如何设置?(之前的案例都是写死的高度怎么样让屏幕发生变化的时候元素高度和宽度等比例缩放?(rem)rem基础em与rem都是相对长度单位em 参考的自身的字体大小, 如果自身未设置字体大小 ,参考父元素的字体大小, 父元素也没有设置,就一直往上找 rem (root em)始终参考的是html标签的字体大小(跟父亲的字体大小没有关系)原创 2022-04-07 22:41:20 · 699 阅读 · 0 评论 -
视口-物理像素比-二倍图-流式布局
meta视口标签: <meta name="viewport" content="width=device-width, 物理像素比 物理像素就是像素比 二倍图 解决图片清晰问题,可以把图片尺寸缩小,显示会更清晰。 二倍精灵图测量和做法: 京东项目原创 2022-03-21 21:22:28 · 254 阅读 · 0 评论 -
Flex布局
Flex布局(弹性布局,弹性盒布局) 给父盒子设为flex布局之后,子元素的float、clear、和vertical-align都将失效。原创 2022-03-23 14:12:57 · 116 阅读 · 0 评论