zl程序教程

您现在的位置是:首页 >  前端

当前栏目

《响应式Web设计实践》一2.5 结束语

响应Web 实践 设计 2.5
2023-09-11 14:17:42 时间

本节书摘来异步社区《响应式Web设计实践》一书中的第2章,第2.5节,作者: 【美】Tim Kadlec 译者: 侯鸿儒 责编: 赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。
2.5 结束语
响应式Web设计实践
大多数情况下,流动布局(以百分比为单位,因而可以根据屏幕大小来调整自身的布局)是你设计站点时的最佳选择。当宽度被字体大小限制时,你可以使用弹性布局;当宽度被百分比限制时,你可以使用流动布局。

采用更加灵活的方式来指定文字大小可以使维护工作变得更加容易,同时这样做也提升了站点的可访问性。为了达到这个目标,我们就要坚持使用百分比和em,尽管rem在未来很有潜力。

通过定义网格,有助于为你的网站提供良好的结构并增加一致性。要试着从内容出发来建立你的网格,而不是随意拿一个事先就定义好的网格来用。这就意味着我们要根据行宽、图片、广告大小或者其他标准来建立网格。

将固定单位转换为灵活的单位与计算一道除法题一样简单,因为在指定元素宽度以和字体大小时,你用的都是那个方程式。

通过使用CSS表格,你可以很容易地将固定宽度与流动宽度结合使用,现代的桌面浏览器对此特性都有着极为出色的支持,而且你还可以通过使用条件注释来为IE 7及以下版本的IE浏览器提供备用样式。

现在,“另一个体育网站”的文章页面的布局已经变得灵活了许多,而且相比采用固定布局也能够适应更多种类的分辨率了。然而它现在还不是真正响应式的,因为当浏览器变得很窄的时候,我们依然会遇到很多样式上的问题,而且如果屏幕太宽的话,我们的设计也不是特别整洁。

在下一章中,我们将使用媒介查询来解决上面这些问题。媒介查询使我们可以根据用户使用的设备来改变页面的样式,这一强大的技术将带领我们走向真正的响应式设计。


WEB 三维引擎在高精地图数据生产的探索和实践 高精地图(High Definition Map)作为自动驾驶安全性不可或缺的一部分,能有效强化自动驾驶的感知能力和决策能力,提升自动驾驶的等级。对于自动驾驶来说,高精地图主要是给机器用的,但是在制作和分析过程中依然需要人能够理解。本文将为大家简单介绍下,在过去的一段时间里高德高精地图业务团队,在WEB三维引擎技术方面的一些探索和实践,如何让复杂抽象的地理数据呈现在人们面前,满足其业务编辑和分析的诉求。
WEB 三维引擎在高精地图数据生产的探索和实践 。本文将为大家简单介绍下,在过去的一段时间里高德高精地图业务团队,在WEB三维引擎技术方面的一些探索和实践,如何让复杂抽象的地理数据呈现在人们面前,满足其业务编辑和分析的诉求。
玩转容器持久化存储第五讲 | 实践:弹性 Web 容器环境最佳实践 玩转容器持久化存储第五讲 | 实践:弹性 Web 容器环境最佳实践。演示弹性 Web 容器环境最佳实践,基于 ACK 和 NAS 存储构建弹性、高可用的 wordpress 内容发布和管理系统,系统可以根据负载情况自动扩缩容 pod,在存储空间满时也可以无感弹性扩容。在数据保护方面,利用 NAS 自动快照功能确保数据万无一失。
基于阿里云打造『云原生』Web应用——『懒猪行』Web应用开发实践 『懒猪行』专注于境外自由行S2B业务,涉及分销、终端用户服务、供应链等多个服务环节,随着业务规模的不端增加,我们一直在探索Web应用开发的最佳实践,以加快Web应用的迭代效率,为B/C端用户创造更多价值。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。