1

我的布局在大显示器上工作正常......但我试图在小屏幕笔记本电脑中正确显示......我应该在 13 英寸显示器的 css 媒体查询中使用哪个宽度......我很困惑13英寸笔记本电脑的abt宽度

@media (min-width: 768px) and (max-width: 979px) {
@media (max-width: 767px) {
@media (min-width: 1200px) {
@media (min-width: 768px) and (max-width: 979px) {
@media (max-width: 767px) {
@media (max-width: 480px) {
@media (max-width: 979px) {
@media (min-width: 980px) {
4

2 回答 2

4

大多数 13 英寸显示器将大于960 像素甚至大于1140 像素宽 。960像素宽是一种旧标准，现在更经常使用1140 像素，尤其是对于响应式设计。

也就是说，只有 8 英寸或 9 英寸屏幕的上网本才会出现显示问题。我所知道的每台 13" 显示器在显示您的网页时应该没有任何问题。如果您想为上网本设计，它们的分辨率与大多数平板电脑的纵向位置相似。因此，如果您正在对平板电脑和手机进行媒体查询，那么上网本应该采用平板的风格，因为它们的分辨率是800x600到1024x768。

一般来说，没有理由为手机和平板电脑以外的任何东西制作不同的样式。

于 2013-01-30T20:21:23.617 回答
2

在这里，您可以资助所有分辨率及其屏幕尺寸：

http://www.codeply.com/responsive-design-cheatsheet.html

对于您提出的问题：13' Macbook Air 1440 px x 900px 13 英寸

如需更多测试和研究，您还可以查看此网站，该网站测试所有所需的屏幕分辨率，并提供输入自定义屏幕尺寸的选项：

http://www.infobyip.com/testwebsiteresolution.php

PS：我上面提到的网站都没有连接到我，我只是普通用户和Web开发人员。

于 2016-06-20T13:27:14.980 回答