Responsive design 如何处理新的iMac尺寸以实现响应性网页设计?

Responsive design 如何处理新的iMac尺寸以实现响应性网页设计?,responsive-design,screen-resolution,Responsive Design,Screen Resolution,有很多关于媒体查询的文章都是为了把手机放在第一位,然而,我很少读到关于优化大屏幕电视,特别是新的iMac的文章。这里的尺寸要大得多。从13英寸MacBook pro到大型iMac,人们在小型移动设备、中型平板电脑和台式机上使用的标准是什么 一些评论 Mobile first并不排除大型设备。可以将其视为从小屏幕移动设备的基本设计开始,然后添加更多功能,并在智能手机、笔记本电脑和桌面设备的升级过程中构建设计 对于较大的视口,它不必过于复杂。考虑增加字体和图像大小,这样您就有足够的水平空间,可以在需

有很多关于媒体查询的文章都是为了把手机放在第一位,然而,我很少读到关于优化大屏幕电视,特别是新的iMac的文章。这里的尺寸要大得多。从13英寸MacBook pro到大型iMac,人们在小型移动设备、中型平板电脑和台式机上使用的标准是什么

一些评论

Mobile first并不排除大型设备。可以将其视为从小屏幕移动设备的基本设计开始,然后添加更多功能,并在智能手机、笔记本电脑和桌面设备的升级过程中构建设计

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

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