use*_*366 6 html css resolution
我正在网站上工作,我正在尝试使其响应所有分辨率,但没有成功..这是HTML:
<body>
<div class = "container">
<div class = "header">
<h1 class = " naslov "> Lorem ipsum nasov je? </h1>
<p class = "naslov-text">
"Lorem ipsum dolor sit amet, consectetur adipisicing elit."
</p>
</div>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
这是css:
body
{
width:1920px;
background-color: #f8e0b3;
height:1080px;
}
div.container
{
width:100%;
height:100%;
}
div.header
{
background:url(img/header.jpg);
width:100%;
height:46%;
margin-top:;
margin-left:;
border-bottom: 2px solid black;
}
h1.naslov
{
font-size:60px;
color:white;
margin:0 auto;
margin-left:28%;
font-family: Aramis;
}
p.naslov-text
{
font-size:40px;
color:#634ea9;
margin:0 auto;
width:1000px;
margin-top:0%;
margin-left:36%;
font-family: Aramis;
}
Run Code Online (Sandbox Code Playgroud)
当我调整浏览器网站的大小时,不会调整大小.我整个上午一直在努力,我真的很倦怠.有谁知道采用什么逻辑来使这适合所有屏幕,但只使用CSS.