响应式网站设计如何调整分辨率。
发表日期:2015/7/23 16:08:56 文章编辑: 浏览次数:1917
响应式网站设计调整分辨率
不同的设备都有各自的屏幕分辨率、清晰度以及屏幕定向方式,不断被研发着的各种新设备也将带来新的屏幕尺寸规格。有些设备基于竖屏(portrait),有些是横屏(landscape),甚至还有正方形;对于日益流行的iPhone、iPad及其他一些智能手机、平板电脑,用户还可以通过转动设备来任意切换屏幕的定向方式。怎样才能做到让一种设计方案满足所有情况?
要想做到同时兼容横、竖屏(用户还有可能在页面加载的过程中切换方向),我们就必须考虑N种屏幕尺寸规格。诚然,我们可以将这些规格划分为几个大类,然后为每一类做一种方案,确保该方案至少在本组中尽量具有弹性。但即使这样,结果也将是无比焦虑的,谁知道某类设备在5年之后的占有率是多少?而且很多用户甚至不去将浏览器的窗口最大化;类似这样的变数,我们还要考虑多少呢?
Morten Hjerde和他的同事们对2005至2008年市场中的400余种移动设备进行了统计(查看报告),下图展示了大致的统计结果:
在08年之后,更多更有代表性的新设备问世并普及了。显然,我们不可以沿着“多方案”的思路继续走下去;那么我们应该怎样做呢?
-
iOS中UI元素拖拽图标的优化
日期:2015-08-12 浏览次数:1932
-
安卓和苹果手表之间的操作系统对比。
日期:2015-08-12 浏览次数:2076
-
iOS的UI元素导航栏里的完成按钮的优化
日期:2015-08-12 浏览次数:1803
-
iOS当中UI元素页码指示符(小圆点)的优化。
日期:2015-08-12 浏览次数:1967
-
如何打造响应式的布局结构。
日期:2015-07-23 浏览次数:1778
-
如何在北京顺义寻找一个踏实的网站建设公司
日期:2023-08-10 浏览次数:1405
-
顺义网站建设:北京顺义网站建设的优点
日期:2023-05-25 浏览次数:1981
-
选择网站公司需要考虑哪些因素
日期:2023-05-25 浏览次数:1429
-
北京模板建站
日期:2023-03-28 浏览次数:1517
-
顺义做网站的公司价格高
日期:2023-03-28 浏览次数:1448
-
导致您的网站转化失败的常见的错误
日期:2019-01-21 浏览次数:1742
-
为什么要关心网站图像优化
日期:2019-06-05 浏览次数:1522
-
影响您网站性能的5个原因
日期:2019-06-12 浏览次数:1653
-
评估高端网站设计的标准
日期:2021-09-03 浏览次数:1348
-
访客离开网站的原因
日期:2019-10-24 浏览次数:1781