创建各种设备的响应式布局,不能只考虑屏幕尺寸的差别

2021-09-09 14:14:43  24 浏览  0 评论   赞

我们应该充分发挥设备的硬件功能。处理约束为我们打下了很好的基础,而后,我们可以利用渐进增强、特征检测等技术使用户体验进一步地提高

创建各种设备的响应式布局,不能只考虑屏幕尺寸的差别

图15754-1:

多设备测试响应网站

我们已经讨论了很多关于如何创建响应网站的思想—使用灵活的布局、媒体查询、图像缩放及其它一些技术,总之,使网站在各种屏幕上都能很好的运行并且美观。当前响应式设计受到了很大关注,知名web网站.net在首页有60%的文章在讨论这个主题。

然而,有时关注一下web响应设计中的禁忌也是大有裨益的。最近,响应设计大师brad Frost在.Net杂志上发表了响应设计人员最常犯的五种错误(WebAppTrend正在翻译中)。其中提到了这样的错误:利用特定尺寸的屏幕来触发布局变化和避免将单一的尺寸应用于所有的屏幕。

关于后者,Frost写到:

“各种移动设备不仅仅是屏幕尺寸的不同……我们也不应该仅仅因为创建响应布局就自我满足。例如,我们有时会忘记手机可以定位、通话等等。这些设备上的浏览器有望在不久的将来提供更多的访问设备的APIs,这样,web的功能将进一步扩充。

我们应该充分发挥设备的硬件功能。处理约束为我们打下了很好的基础,而后,我们可以利用渐进增强、特征检测等技术使用户体验进一步地提高。”

本帖是值得一读的。但是我们想加入第六条规则:不要认为你昨天所开发的东西在明天运行起来依然是最好的。

这并不是说你今天开发的东西到明天就不能用了。只是,可能会有更简便的方式来实现同一功能。

Web响应设计是个新兴的挑战,关于如何进行web响应设计的最佳方案还在制定当中。这是件很痛苦的事情,但这也意味着一些聪明人士正在解决一些很困难的问题,而你可以从中受益(前提是你要知道此事)。

新事物总是不断涌现,也许是处理响应图像的新方法,也许是一个为支持更多的CSS特征而进行的浏览器升级。我们建议开发人员在开发新项目之前花一些时间好好阅读一下最新的技术提示和技巧。新的响应设计工具正在紧张地开发和完善当中,当你开发下一个响应网站时,你在上一个项目中所用到的hack也许已经成为了一个稳定的、维护良好的JavaScript库。

本文编译自:林建光,原文链接。

 

转载请注明:网创网 www.netcyw.cn/b15754.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com