移动浏览器初始化不同宽度

Question

所以，我一直在一个响应式网站上工作一段时间了。我现在对布局进行了排序以及内容，因此我决定在网站上添加断点并使用媒体查询相应地调整元素。所以我知道必须根据布局开始破坏的时间添加断点，并且在流行的屏幕分辨率上不，但是当我在我的Moto X上测试Android版本的Firefox时（2013） ，我的手机的分辨率为1280x720像素，但是当我使用最小宽度查询添加一个断点时，假设700像素，它不会影响页面，但是当我更改相同查询的最小宽度为980像素时，有用。现在我的问题是：它不是应该触发实际的分辨率，还是浏览器以不同的方式呈现它？顺便说一下，我说的是纵向导向。

Answer 1

分辨率与宽高比不同，我建议您在媒体查询中包含宽高比以实现目标，请参阅此视频以了解宽高比和分辨率之间的差异

  

Resolution and Aspect Ratio Explained

您可以像这样构建媒体查询：

    @media only screen and (device-width: 320px) and (device-height: 768px) and (-webkit-device-pixel-ratio: 2){
            .your_css_classes{}
    }