我是初学者，并且一直致力于我的第一个带有媒体查询的响应式网站。
我正在阅读的网站告诉我一些标准的网站
平板电脑768-1024
320-480智能手机。
我用这些开始，然而，当我用笔记3打开它时，我得到了平板电脑版本，菜单太小了。 iphone 4也会出现同样的结果。
即使我将智能手机的范围更改为320-767，这两部手机仍在使用平板电脑＆＃34;布局。音符3的宽度为720正确吗？那么它应该强制它进入智能手机查询吗？我误解了吗？它怎么能分辨出小而高分辨率之间的区别，比如平板电脑的音符3，这样我才能在音符3上放置更大的元素？
如果有人可以向我解释这里出了什么问题，我很乐意欣赏它。
答案 0 :(得分：1)
音符3的分辨率为1920x1080，而不是720像素的宽度。
建议您使用适合您内容的值，而不是选择预定义的值来定位特定设备。这样，所有设备都可以期望适当的布局，通常也可以使用更简单的媒体查询规则。现在有太多的设备可以选择特定的值。
答案 1 :(得分：1)
是啊@rwzy 1920x1080我应该说。他必须首先在移动设备上设计，然后在台式机和平板电脑上设计更大，他必须根据内容而不是定义屏幕尺寸来选择Breakpoints。
答案 2 :(得分：0)
如果您根据屏幕尺寸创建网站，那么只要使用媒体查询，如果您基于分辨率，媒体查询也可以最好地解决您的问题。试试http://www.hongkiat.com/blog/css-retina-display/