zoukankan      html  css  js  c++  java
  • 移动端适配方案

      移动端适配方案有很多,基本都是成型的解决方案;如下是常用的方案:

        1 简单一点的页面,一般高度直接设置成固定值,宽度一般撑满整个屏幕

        2 稍复杂一些的是利用百分比设置元素的大小来进行适配,或者利用flex等css去设置一些需要定制的宽度

        3 再复杂一些的响应式页面,需要利用css3的media query属性来进行适配,大致思路是根据屏幕不同大小,来设置对应的css样式

      但是随着rem的出现,rem开始成为移动端适配的利器;rem 是HTML页面根元素字体的大小;

      现在大部分浏览器IE9+,Firefox、Chrome、Safari、Opera ,如果我们不修改相关的字体配置,都是默认显示font-size是16px即:

    html {
        font-size:16px;
    }

    参考:(优质的文档能够准确,快速地理解掌握知识点;感谢以下文档)

      [1] 移动web适配利器rem

  • 相关阅读:
    Codeforces #364 DIV2
    uva10635 LIS
    hdu3714 三分找最值
    【转】三分查找
    NBUT 1457 莫队算法 离散化
    HYSBZ 2038 莫队算法
    莫队算法
    poj3417 LCA + 树形dp
    hdu3087 LCA + 暴力
    hdu2874 LCA在线算法
  • 原文地址:https://www.cnblogs.com/RocketV2/p/7240672.html
Copyright © 2011-2022 走看看