2022-11-03

​影响响应式网站设计的三大因素

最开始提出响应式网站设计概念的是Ethan Marcotte,他把当时被大众所广泛使用的三种网站开发模式全部统合起来,最后形成了响应式的网站设计方式。建立响应式网站的影响因素有很多,下面就以影响响应式网站设计的三个重要元素为例做一个详细的介绍。


fangan7.png


1、 浏览器的适配

如果网站的内容是容器里的水,那么浏览器就是容器,所以网站设计是一定要考虑浏览器因素的。而PC端与移动端的浏览器有很多种,但大部分浏览器都是基于一种或者两种基础浏览器而搭建的外壳。所以在设计响应式网站的时候只需要能够兼容这一两种浏览器的基础语言就基本能够兼容大部分浏览器了。

2、 视窗

响应式网站设计还需要考虑浏览器的视窗,视窗是整个浏览器的内容展示区域,它不包括菜单栏、工具栏等栏目。PC端与移动端的浏览器有着完全不同视窗分类,PC端只有一种,而移动端却有三种,它们分别是布局视窗、理想视窗和视觉视窗。把布局视窗设为理想视窗的尺寸是响应式网站布局的最基本的工作。

3、 媒体的查询

CSS的if语句就是响应式网站设计的媒体查询,它能够使网页根据显示器的不同而设定不同的CSS样式。这样在进行媒体查询的时候,就可以很方便地在不同的显示器和不同的浏览器上来自适应内容的显示方式。以上就是影响响应式网站设计的三个基础元素。