Question

我的版面在大显示器上运行良好.... 但我试图在小屏幕笔记本电脑中正确显示.... 我需要在13英寸显示器的css媒体查询中使用它的宽度... 我对13英寸笔记本电脑的宽度感到困惑

@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) {

Answer 1

大多数13“显示器将大于 960px 或甚至大于 1140px 宽。 960px 宽是一种旧标准现在更常使用 1140px ，特别是对于响应式设计。

也就是说，只有8英寸或9英寸屏幕的上网本才会出现问题。我知道的每个13“显示器都不应该显示你的网页有任何问题。如果你想设计上网本，它们的分辨率与纵向位置的大多数平板电脑类似。所以如果你正在为平板电脑和手机进行媒体查询然后上网本应采用平板电脑的风格，因为它们的分辨率 800x600 ，最高 1024x768 。

一般情况下，没有理由为手机和平板电脑以外的任何其他设备制作不同的款式。

Answer 2

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

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

对于您提出的问题： 13＆＃39; Macbook Air 1440 px x 900px 13英寸

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

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

PS：我上面提到的网站都没有与我联系，我只是普通用户和网络开发者。

媒体查询13英寸显示器

2 个答案: