zoukankan      html  css  js  c++  java
  • CSS之flex兼容

    我觉得写的很好的文章,但是我又没有时间去整理的。

    https://blog.csdn.net/u010130282/article/details/52627661

    百分比 是在宽度自适应的时候要用 通常在响应式和只需要宽度自适应的移动PC端页面使用
    flex通常用在移动端需要整体宽度自适应的时候使用(相当于在移动端代替百分比 而且写法更方便不用考虑浮动位置问题 但是PC兼容性不好)
    rem是用在移动端宽高都要自适应的时候要使用

    但不是代表就只能用一种布局可以结合在一起使用 例如flex不能实现高度自适应 如果要实现要配合rem去实现 通常3种布局结合在一起效果会更好

    都哪些情况可以用rem布局?
    大部分情况下都可以用rem布局这个方法,当然具体还要看情况而定。拿我们公司项目举例,只有底部的导航不用rem,而是用的flex布局。因为导航点击最多,所以给它一个固定的大小(其实就是高度固定,宽度自适应的方案)。大家可以看看淘宝的这个手机页面 淘宝手机站,基本就是这种感觉,底部导航和顶部搜索框用的高固定,宽自适应的方案,其余的部分基本都是随着浏览器宽度变化在等比例缩放。
     
     
    下面的代码非常好的解决页面自适应的问题
     

    手机端页面自适应解决方案—rem布局 https://www.jianshu.com/p/b00cd3506782

    手机端页面自适应解决方案—rem布局进阶版(附源码示例)

  • 相关阅读:
    背景透明度IE兼容性代码
    酷站收藏
    洛谷P1142 轰炸 数学
    洛谷P1282 多米诺骨牌
    洛谷P1247 取火柴游戏 数学题 博弈论
    洛谷P1135 奇怪的电梯 广搜
    洛谷P1077 摆花 动态规划
    洛谷P1161 开灯 数学
    洛谷P1154 奶牛分厩 数学
    洛谷P2147 [SDOI2008]Cave 洞穴勘测 Link-Cut Tree LCT
  • 原文地址:https://www.cnblogs.com/DZzzz/p/9010472.html
Copyright © 2011-2022 走看看