zoukankan      html  css  js  c++  java
  • H5页面的高度宽度100%

    解决方案1:

    设置如下:
    html,body{

    min-height:100vh;
    background-color:#fff;

    }
    这样高度首先不会写死,而且满足最小高度是满屏

    解决方案2:

    可以用vh和vw来布局。100vh和100vw就是你设备的高度和宽度。先把外面盒子固定下来,所有的盒子的高度加起来等于100vh刚好占满一屏这样就不会有空白。像你这种盒子比较少的可以用js获取设备的高度和宽度,然后用js设置盒子的高度,加起来等于你设备的高度就可以了。字体大小用rem表示。相对于根字体的大小。这是移动端布局的一些做法。

    解决方案3:

    html,body {
        100%;
        height:100%;
    }
    body {
        padding: 0;
        margin: 0;
    }

    解决方案4:

    *{
        padding: 0;
        margin: 0;
    }
    body{
         100vw;
        height: 100vh;
    }
  • 相关阅读:
    阅读笔记第六次
    阅读笔记第五章
    阅读笔记第四章
    阅读笔记第三章
    软件需求分析课堂讨论
    阅读笔记第二篇
    阅读笔记五
    阅读笔记五
    阅读笔记三
    阅读笔记二
  • 原文地址:https://www.cnblogs.com/Alitar/p/10722349.html
Copyright © 2011-2022 走看看