现代断点

Question

从移动优先的角度考虑平板手机和Microsoft Surface，我是应该坚持标准断点，还是应该使用更多：

@media only screen 
 and(max-width: 414px) 
 and (max-width: 736px)
 and (-webkit-min-device-pixel-ratio: 2) {

}

这就是我所想的。如果我对手持设备这样做，只开发流体，会不会更好？或者我应该使用这里提到的：

stackoverflow iPhone media queriews

Answer 1

我认为以特定设备为目标是它的位置，尽管我不认为这是一个好的起点。

作为一种更通用的移动设计方法，你有没有考虑过从响应式设计开始，有很多框架可以让你快速入门。

然后在不同的视口中测试您的站点，并添加您自己的特定于您的设计的媒体查询。例如，如果你的页眉以800px的速度改变，而不是你的框架预设的768px，你的页眉的布局可能会工作得最好。

作为最后一步，在尽可能多的设备上测试您的站点，然后编写特定于设备的媒体查询，并且仅当它们确实必要时才编写。

理想情况下，您希望您的移动站点设计能够很好地适用于当前和未来的移动设备，因此，您的方法在一开始就越通用，您的设计就越适合未来。

祝好运!