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

  • 相关阅读:
    subtitleedit
    NHibernate.Mapping1.1.csgen 模板
    js jqueryhotkeys
    c#.net将对象序列化,反序列化json
    ruby document
    sqlserver2008新数据类型
    [转]杂记
    UVA 532 Dungeon Master
    UVA 10557 XYZZY
    UVA 10129 Play on Words
  • 原文地址:https://www.cnblogs.com/RocketV2/p/7240672.html
Copyright © 2011-2022 走看看