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

时间:2015-03-22 04:07:09

标签: responsive-design screen-resolution

有很多关于媒体查询的文章都是为了保持移动设备的首要考虑因素,但是,我对于大屏幕(TV),特别是新款iMac的优化几乎没有读过。这里的尺寸要大得多。人们使用小型(移动),中型(平板电脑)和台式机(从13英寸MacBook pro到大型iMac)的标准是什么?

1 个答案:

答案 0 :(得分:0)

几条评论。

移动首先不排除更大的设备。您可以将其视为小屏幕移动设备的基本设计,然后在智能手机,笔记本电脑和桌面设备上移动时添加更多功能并构建设计。

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

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