如何为响应式网页设计处理新的 iMac 尺寸？

Question

关于媒体查询的文章很多，以确保将移动设备放在首位，但是，我很少阅读有关针对大屏幕 (TV) 进行优化的文章，尤其是新的 iMac。这里的尺寸要大得多。人们在小型（移动）、中型（平板电脑）和台式机（从 13 英寸 MacBook Pro 到大型 iMac）使用的标准是什么？

Answer 1

几个厘米。

移动优先并不排除更大的设备。可以将其视为从小屏幕移动设备的基本设计开始，然后随着智能手机、笔记本电脑和台式设备的升级，添加更多功能并构建设计。

对于较大的视口，它不必过于复杂。考虑增加字体和图像大小，您将有足够的水平空间，如果需要，您可以添加额外的列或其他元素。

对于媒体查询和响应式设计，您通常会查看像素，例如是用户的窗口或视口，宽度大于 960 像素。不要将像素与屏幕上的物理尺寸混淆，不同设备之间的像素尺寸可能会有很大差异。