严格地说,响应式网站有三个明确的特征:
1. 媒体查询
“媒体查询使我们不仅可以定位某些设备类别,而且还可以实际检查呈现我们工作的设备的物理特征,”响应式网站建设解释说。
因此,媒体查询允许开发人员使用条件检查来根据用户设备的属性更改网页设计。这比简单定义断点更为优越,因为它为用户提供了更加个性化的体验。
2. 流体网格
当使用CSS创建灵活的网格时,无论用户使用的是21英寸台式计算机,13英寸笔记本电脑,9.7英寸平板电脑还是5.5英寸的手机。
“流体布局[…]将我们设计的控制牢牢地掌握在我们的用户和他们的浏览习惯之中,”响应式网站建设解释说。
这使设计师能够在多个设备上保持一致的外观和感觉。此外,通过允许设计人员更新网站的一个版本,可以节省大家的时间和金钱。
3. 灵活的视觉效果
响应式网站建设在此提及使用防止富媒体文件超出其容器尺寸的代码。随着“灵活的容器自我调整”,他解释说,其中的视觉也是如此。
鉴于目前存在超过8.48B的独特设备,该功能允许团队创建能够适应任何设备的永恒设计,无论其大小或形状如何。
这三种类型的功能一起使设计人员能够制作响应式网站。
相关:排版和为屏幕创建网格
但是,响应式网站建设解释说,这只是一个开始:
“流动网格,灵活的图像和媒体查询是响应式网页设计的三大技术要素,但它也需要不同的思考方式。我们可以使用媒体查询逐步改进我们在不同的观看环境下的工作,而不是将我们的内容隔离到不同的设备特定体验中。“
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/261101.html