企术资讯

最开始提出响应式网站设计概念的是Ethan Marcotte，他(tā)把当时被大众所广泛使用(yòng)的三种网站开发模式全部统合起来，最后形成了响应式的网站设计方式。建立响应式网站的影响因素有(yǒu)很(hěn)多(duō)，下面就以影响响应式网站设计的三个重要元素為(wèi)例做一个详细的介绍。

1、 浏览器的适配

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

2、 视窗

响应式网站设计还需要考虑浏览器的视窗，视窗是整个浏览器的内容展示區(qū)域，它不包括菜单栏、工具栏等栏目。PC端与移动端的浏览器有(yǒu)着完全不同视窗分(fēn)类，PC端只有(yǒu)一种，而移动端却有(yǒu)三种，它们分(fēn)别是布局视窗、理(lǐ)想视窗和视觉视窗。把布局视窗设為(wèi)理(lǐ)想视窗的尺寸是响应式网站布局的最基本的工作。

3、 媒體(tǐ)的查询

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