Css 对媒体查询和解决方案感到困惑？

我是一个初学者，一直致力于我的第一个媒体查询响应网站

我正在读的一个网站告诉我一些标准的是

768-1024片

320-480适用于智能手机

然而，当我用note 3打开它时，我得到的是平板电脑版本，菜单太小了。同样的结果也发生在iPhone4上

即使我将智能手机的范围改为320-767，这两款手机仍然使用“平板”布局。注释3的宽度为720，对吗？因此，它应该强制它进入智能手机查询，对吗？我误解了吗？它如何分辨小而高分辨率的东西之间的区别，比如平板电脑的note3，这样我就可以在note3上有更大的元素

---

如果有人能告诉我这里出了什么问题，我将非常感激。

注释3的分辨率为1920x1080，而不是720像素的宽度

---

建议使用专门适合您的内容的值，而不是为特定设备选择预定义值。这样，所有设备都可以期望有一个合适的布局，通常也有更简单的媒体查询规则。今天有太多的设备来选择特定的值。

是的@rwzy 1920x1080我应该说。他必须首先在移动设备上进行设计，然后在台式机和平板电脑上进行放大，他必须根据内容而不是屏幕大小进行选择。

如果你只是根据屏幕大小创建网站，那么最好使用媒体查询，如果你基于分辨率，也可以使用媒体查询来解决问题。试试看

啊，好的，我明白了。但我仍然不明白的是，当note3的分辨率与我的电脑显示器相同，但实际的note3屏幕要小得多时，如何使它在note3上看起来合适？比如说，有没有一种方法可以区分运行在1920x1080的移动设备和大型计算机显示器之间的区别？好的，谢谢你的回复，我知道我看错了。尽管如此，我仍然感到困惑的是，尽管分辨率高达1920x1080，但它的屏幕还是很小，因此如何将note 3这样的设备视为手机。如果是移动设备还是运行在1920x1080的计算机显示器，它还能分辨出两者的区别吗？