响应式网站设计如何调整分辨率。
发表日期:2015/7/23 16:08:56 文章编辑: 浏览次数:1920
响应式网站设计调整分辨率
不同的设备都有各自的屏幕分辨率、清晰度以及屏幕定向方式,不断被研发着的各种新设备也将带来新的屏幕尺寸规格。有些设备基于竖屏(portrait),有些是横屏(landscape),甚至还有正方形;对于日益流行的iPhone、iPad及其他一些智能手机、平板电脑,用户还可以通过转动设备来任意切换屏幕的定向方式。怎样才能做到让一种设计方案满足所有情况?
要想做到同时兼容横、竖屏(用户还有可能在页面加载的过程中切换方向),我们就必须考虑N种屏幕尺寸规格。诚然,我们可以将这些规格划分为几个大类,然后为每一类做一种方案,确保该方案至少在本组中尽量具有弹性。但即使这样,结果也将是无比焦虑的,谁知道某类设备在5年之后的占有率是多少?而且很多用户甚至不去将浏览器的窗口最大化;类似这样的变数,我们还要考虑多少呢?
Morten Hjerde和他的同事们对2005至2008年市场中的400余种移动设备进行了统计(查看报告),下图展示了大致的统计结果:
在08年之后,更多更有代表性的新设备问世并普及了。显然,我们不可以沿着“多方案”的思路继续走下去;那么我们应该怎样做呢?
-
iOS中UI元素拖拽图标的优化
日期:2015-08-12 浏览次数:1936
-
安卓和苹果手表之间的操作系统对比。
日期:2015-08-12 浏览次数:2077
-
iOS的UI元素导航栏里的完成按钮的优化
日期:2015-08-12 浏览次数:1806
-
iOS当中UI元素页码指示符(小圆点)的优化。
日期:2015-08-12 浏览次数:1967
-
如何打造响应式的布局结构。
日期:2015-07-23 浏览次数:1780
-
如何在北京顺义寻找一个踏实的网站建设公司
日期:2023-08-10 浏览次数:1496
-
顺义网站建设:北京顺义网站建设的优点
日期:2023-05-25 浏览次数:2072
-
选择网站公司需要考虑哪些因素
日期:2023-05-25 浏览次数:1470
-
北京模板建站
日期:2023-03-28 浏览次数:1560
-
顺义做网站的公司价格高
日期:2023-03-28 浏览次数:1489
-
CSS如何在网站设计中发挥重要作用
日期:2019-06-11 浏览次数:1426
-
如何优化您的主页设计
日期:2019-04-11 浏览次数:1598
-
全面了解响应式网站设计和移动应用
日期:2019-01-16 浏览次数:1776
-
回归基础:极简主义设计
日期:2019-01-15 浏览次数:3995
-
链接诱饵获取您的网站的反向链接3个策略
日期:2019-03-12 浏览次数:1901