css - 如何在我的台式机和笔记本电脑上设置不同分辨率的包装宽度?

标签 css width media-queries

我在 Google 上搜索了很多次,但找不到我要找的答案。

例子:

我的桌面分辨率是1024px,我创建了一个宽度为1003px的网站。 1003px 是显示水平滚动条之前 1024 分辨率的最大宽度。

那么,在显示水平滚动条之前,768 分辨率的最大浏览器宽度是多少?

提前致谢。

最佳答案

只需再次减去滚动条,在 Windows 平台上通常为 16px。切断更多一点以确保(特殊系统设置、其他浏览器、其他操作系统...高达 20px 是很常见的)- -21px 像你一样在你的第一个例子中做的似乎是一个很好的值(value)。

768 - 21 = 747

关于css - 如何在我的台式机和笔记本电脑上设置不同分辨率的包装宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11256721/

相关文章:

javascript - 重复交通灯序列

javascript - 根据 slider 值 flex 图像

html - 如何根据表单的状态有条件地格式化测试?

css - 如何扩展一个 div 以使用所有可能的区域

html - 带有 margin 和 auto 的父 div 和 100% 的子元素不填充全宽

css - 如何将div居中到窗口?

javascript - jQuery if 语句取决于 px 中的宽度

css - 媒体查询仅适用于某些属性

html - 媒体查询 : check min-height and min-width?

html - 媒体查询在桌面上不起作用