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

  • 相关阅读:
    写一写这几天安卓开发遇到的坑
    安卓环境搭建
    正则表达式
    一段时间的总结
    路飞-登录页面
    路飞-腾讯云短信接口
    路飞-Redis
    路飞-git操作
    路飞-后台xadmin配置
    路飞-后台处理跨域问题
  • 原文地址:https://www.cnblogs.com/RocketV2/p/7240672.html
Copyright © 2011-2022 走看看