为什么我的<div class =“ header”>无法在小屏幕上显示全角100%

时间:2019-11-19 14:37:19

标签: html css

3 个答案:

答案 0 :(得分:1)

这里有几个可能的问题。 尝试刷新页面。如果没有帮助,则说明它是一个代码问题。

首先,您需要查看主体标签,它在网站上有多少(检查)。如果车身未填满网站,则可以通过将车身高度设置为100vh,宽度设置为100%来实现。完成后,将img / div设置为100%的宽度,它将对其进行修复。

    <body> <div class="header"></div> </body>
    body{margin: 0px; height: 100vh;}

    .header{height: 10%; width: 100%}

答案 1 :(得分:0)

CSS这样区分div和class:

/* ID */
#header { width: 100%; }

/* CLASS */
.header { width: 100%; }

在html标签中使用正确的属性。

<!-- ID --> 
<div id="header">

<!-- CLASS -->
<div class="header">

保持简单!

答案 2 :(得分:-2)

是否已为其设置一些CSS属性。 例如

.header{
 display: flex;
 align-content: center;
 justify-content: center;
 margin: 0 auto;
 width: 100%;
 }

希望这会有所帮助。