gpt4 book ai didi

html - 使静态页面响应

转载 作者:行者123 更新时间:2023-11-28 06:10:34 25 4
gpt4 key购买 nike

我是网页设计的初学者,我使用 html 和 css 开发了一个页面。我想将我的静态页面转换为响应式,以便每当我重新调整浏览器大小时,我的页面样式都会根据窗口大小保持不变。下面是我的 body 宽度和高度。

body{
width:100%;
height:100%;
margin:0%;
background-color:white;
}

现在,每当我尝试重新调整浏览器窗口的大小时,我的页面样式就不会保持不变。div 会相互折叠。

请给我一些简单的提示,以将我的页面转换为响应式。

最佳答案

  body {
background-color: lightpink;
}
@media screen and (max-width: 420px) {
body {
background-color: lightblue;
}
}
  <body>
<p>If screen size is less than 420px, then it will show lightblue color, or else it will show light pink color</p>
</body>

关于html - 使静态页面响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36193674/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com