![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端适配
文章平均质量分 92
想要成仙的菜鸟前端
这个作者很懒,什么都没留下…
展开
-
弹框滚动穿透方法汇总(转载)
css垂直居中的所有方法https://cloud.tencent.com/developer/article/1554183解决弹框滚动穿透方法汇总https://www.cnblogs.com/padding1015/p/10568070.html转载 2020-09-29 17:14:35 · 1219 阅读 · 0 评论 -
移动端前端适配方案总结(持续更新中)
什么是前端适配从ui展示层面上:我们期望不同尺寸的设备,页面可以自适应的展示或者进行等比缩放,从而在不同的尺寸的设备下看起来协调或者差不多。从代码实现层面上:我们希望前端适配可以用用尽可能简洁的代码来实现,最好一套代码实现兼容所有设备,而不是对每个或者每种设备都写一套方案,不是次次都选用最无奈的方案(android和ios分开编写)2.关键字2.1 viewport/视口通俗的讲,移...转载 2020-01-06 11:24:06 · 519 阅读 · 0 评论 -
移动端rem适配布局学习总结
1.rem基础rem 是单位rem(root em)是一个相对单位,类似于em,em是父元素字体大小不同的是rem的基准是相对于html的文字大小。比如,根元素(html)设置font-size=12px;非根元素设置width:2rem;则换成px表示就是24px。优点:·通过修改html文字大小改变页面元素大小2.媒体查询2.1什么是媒体查询媒体查询(Media Query)...原创 2019-08-03 13:57:38 · 256 阅读 · 0 评论 -
移动端flex布局经验总结
flex布局(弹性布局)2.布局原理2.1 flex是flexble Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。当我们为父盒子设为flex布局以后,子元素的float、clear和vertical-align属性将失效。伸缩布局=弹性布局=伸缩盒布局=flex布局。总结flex布局原理:就是通过给父盒子添加flex属性,来控制...原创 2019-08-03 14:30:01 · 534 阅读 · 0 评论