响应式网页设计应该考虑哪些因素？
首先，浏览器
首先要考虑的是浏览器，浏览器是所有页面运行的环境。说得好听点，网站是一个内容，浏览器是存储这个内容的容器。所有的网页都必须通过浏览器运行，所以网页设计的第一步就是要了解浏览器。在pc端，常用的浏览器有5种，而在手机端，具有浏览器功能的软件多达30种。但是需要注意的是，很多浏览器并不是完全独立的浏览器，很多都是基于同一个浏览器，尤其是不同版本的Android WebKit。
手机上有四种浏览器:内置浏览器、可下载浏览器、代理浏览器和WebView。目前，Android和IOS占据了大部分移动市场。所以为了减少工作量，在设计响应式网页时可以先保证Android和IOS可以运行，然后再根据实际情况和成本考虑是否适配其他浏览器。
第二，视口
响应式网站设计的另一个关键点是视口。viewport的概念不是我们理解的设备的屏幕大小，屏幕大小是设备的物理显示区域。Viewport是指浏览器窗口中的内容区域，但不包括选项卡、工具栏等。网页的实际显示区域是视窗。在桌面浏览器中，只有一个视口，即浏览器窗口。在移动电话中，有以下三个视窗:
1.布局视口:与手机浏览器的屏幕宽度无关，只是限制CSS的布局。
2.理想视口(Ideal viewport):设备的理想布局视口大小，由Apple首先推出，具有理想的浏览和阅读宽度。
3.可视视口:当用户看到网站的区域时，可以通过缩放来操作可视视口。
响应式布局最基本的工作是将布局视口的大小设置为理想视口。
第三，媒体问询
所谓的媒体查询，其实就是CSS中的if语句，允许我们根据设备显示的特点设置特定的CSS样式。通过适当的媒体查询，可以方便的根据设备等属性改变页面中内容的显示方式。
真正的响应式设计方法从整体上颠覆了我们目前设计网页的方法。熟悉以上三个方面，意味着你具备了设计响应式网站的基础，可以进一步学习。
响应式网页设计