gpt4 book ai didi

html - 响应式站点,1920px 上的问题

转载 作者:行者123 更新时间:2023-11-28 09:13:47 25 4
gpt4 key购买 nike

我正在做一个完全响应式的网站,当我在 1280 像素的屏幕上时一切正常,但是一旦我转到 1920 像素的屏幕上一切都会变差。

但我不想为 1920px 设置媒体查询并再次修复所有内容,我只希望页面在 1280px 和 1920px 上保持相同

我的 css(手写笔)上有这个

body
font-family 'Source Sans Pro'
width 100%
padding 0 !important
margin 0 auto !important
font-weight lighter

在 html 中我有 <body>元素和里面我有一个 <main>元素。

提前致谢

最佳答案

您可以像这样应用 Nick 的解决方案。

<div class="wrapper">
<main>
<!-- your content here -->
</main>
</div>

并像这样使用媒体查询来设置包装器 div 的宽度

@media only screen and (min-width: 1281px) {
.wrapper {
width: 1280px;
margin: 0 auto;
}
}

即使浏览器窗口宽度大于 1280px,包装器 div 的宽度也将保持为 1280px。

关于html - 响应式站点,1920px 上的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26387880/

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