《响应式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月上线运营。公众号【异步图书】,每日赠送异步新书。
相关文章
- HTTP请求(GET与POST区别)和响应
- Go Web --- 发送响应
- 云集,让 web app 像 native app 那样运行(雄起吧,Web 开发者)
- 《ASP.NET MVC4 WEB编程》学习笔记------Web API
- [Web component] Using Custom Events as a web component API
- 移动WEB应用开发框架moible-web-app开源
- iOS开发那些事-响应内存警告
- 【问题解决方案】MacBook Pro TextInputMenuAgent 未响应,风扇狂转电脑发热CPU 占用 100% 的解决办法
- [Web component] Using Custom Events as a web component API
- loadrunner12.55:常用函数汇总说明之Web Vuser Functions(WEB)参数函数
- 【STM32F429的DSP教程】第28章 FFT和IFFT的Matlab实现(幅频响应和相频响应)
- 2. SAP Spartacus SSR 模式下 index.html 页面的响应逻辑调试
- Atitit web 3.0(web技术)展望与实现 和语义网络 目录 1. 为了说明Web 3.0,我们需要回顾Web历史上的重要浪潮。2 1.1. 2.Web 2.0:任何人可以参与。Web
- Atitit.web三大编程模型 Web Page Web Forms 和 MVC
- paip.自适应网页设计 跟 响应式 设计方法与工具补充(2)o54
- SAP UI5 FileUploader 控件实现本地文件上传,接收服务器端的响应时遇到跨域访问错误的试读版
- 搭建Dynamic Web Project(动态web项目)的springmvc工程2
- 搭建Dynamic Web Project(动态web项目)的springmvc工程1
- 基于数据驱动的智能空调系统需求响应可控潜力评估研究(Matlab代码实现)
- 需求响应|动态冰蓄冷系统与需求响应策略的优化研究(Matlab代码实现)
- Python:Flask请求参数和响应探究
- Atitit.web三编程模型 Web Page Web Forms 和 MVC
- HttpServletResponse详解:封装HTTP响应消息
- Web自动化——介绍与安装以及第一个web自动化程序(一)