Question

从移动设备的第一个角度考虑使用平板游戏和Microsoft Surface，我应该坚持使用标准断点还是更多地使用：

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

}

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

Answer 1

我认为针对特定设备的目标是它的位置，但我不认为这是一个很好的起点。

作为移动设计的一种更通用的方法，您是否考虑过以响应式设计开始，有许多框架可以帮助您快速入门。

然后在不同的视口测试您的网站，并添加您自己的特定于您的设计的媒体查询。例如，如果标题的布局更改为800px而不是您的框架预设768px，则标题的布局可能效果最佳。

最后一步，尽可能多地在尽可能多的设备上测试您的网站，然后才编写特定于设备的媒体查询，并且只有在真正需要时才进行。

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

祝你好运！