建立响应式布局应该考虑哪些因素? 响应式网页设计应该考虑哪些因素

Ethan Marcotte最早提出响应式网页设计，Ethan Marcotte在AList 在Apart发表的一篇开创性文章中，他整合了三种现有的开发技能，并将其命名为响应性网页。那么，应该考虑哪些因素来建立响应布局呢？

一、浏览器

首先要考虑的是浏览器。浏览器是所有页面运行的环境。从图像上讲，网站是内容物，浏览器是存储内容物的容器。所有的网页都必须通过浏览器运行，所以网页设计的第一步是了解浏览器。PC上常用的浏览器有5种，手机上有30种浏览器软件。然而，应该注意的是，许多浏览器不能被视为完全独立的浏览器。他们中的许多人只是基于同一个浏览器，特别是不同版本的Android网络Kit。

手机上有四种类型的浏览器：内置浏览器、下载浏览器、代理浏览器和Webview。因为安卓和IOS目前占据了移动终端的大部分市场。因此，为了减少工作量，我们可以首先确保安卓和IOS可以运行，然后根据实际情况和成本考虑是否适合其他浏览器。

二、视口

响应性网站设计的另一个关键点是视角。视角的概念不是我们所理解的设备的屏幕尺寸。屏幕尺寸是设备的物理显示区域。视角是指浏览器窗口中的内容区域，但不包括标签栏、工具栏等。网页的实际显示区域是视角。在桌面浏览器中，只有一个视角，即浏览器窗口。在手机上，有以下三个视角：

1、布局：与移动浏览器的屏幕宽度无关，只限制CSS的布局。

2、理想视野：苹果首先介绍的设备布局视野尺寸，具有最理想的浏览和阅读宽度。

3、视觉视觉：用户看到网站区域，用户可以通过缩放来操作视觉视觉视觉。

响应式布局最基本的工作是将布局视角的大小设置为理想视角。

三、媒体查询

所谓的媒体查询实际上是CSS中的if语句，它允许我们根据设备显示器的特性设置特定的CSS风格。通过适当的媒体查询，根据设备属性等页面内容的显示模式可以很容易地改变。

真正的响应式设计方法颠覆了我们当前的网页设计方法。熟悉以上三个方面意味着你已经有了设计响应式网站的基础，可以进一步学习。

标签：响应式网页设计：