gpt4 book ai didi

html - CSS 媒体选项有效,但没有做任何改变

转载 作者:太空宇宙 更新时间:2023-11-04 04:31:14 24 4
gpt4 key购买 nike

这个 CSS 有效:

@media (max-width:1023px) {
html {
margin: 0;
padding: 0;
height: 100%;
width:1024px;
}
body{
margin: 0;
padding: 0;
overflow-y:scroll;
height: 100%;
min-width: 1024px;
}
}

@media (min-width:1024px) {
html {
margin: 0;
padding: 0;
height: 100%;
}
body{
margin: 0;
padding: 0;
overflow-y:scroll;
height: 100%;
}
}

因此,对于小分辨率,浏览器输出中有 min-width: 1024px; 选项:但这不会改变任何东西 - 仍然是小分辨率,浏览器会尝试将整个文档置于当前分辨率限制中.

什么是 1024px 分辨率宽度:

enter image description here

什么是小屏:

enter image description here

这就是为什么我想为小分辨率使用宽度 - 以 1024 像素的宽度显示页面,并且这些屏幕上的可见部分将是左右滚动的分辨率

最佳答案

所以,您是说即使您在 <body> 上设置了 1024 像素的最小宽度比那窄的浏​​览器视口(viewport)元素,你的<body>元素没有被渲染得比浏览器视口(viewport)更宽?

奇怪。适用于 Chrome 27:

您使用的是什么浏览器? Media queries aren’t supported in IE ≦8, Firefox ≦3, and Safari ≦3.1 .

关于html - CSS 媒体选项有效,但没有做任何改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17255636/

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