关于响应式

Posted wuliang-cola

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于响应式相关的知识,希望对你有一定的参考价值。

响应式是什么?

响应式网页设计,简称RWD,可以让网站在不同的PC端,移动端上浏览时对应不同解析度,减少开发成本。

 

使用响应式的要求

页面元素使用百分比或者字体排印学调整大小,不能使用绝对单位{像素或点}

图片要求单位以相对单位调整大小,最大为100%,防止超出父级元素。

 

响应式优点:

  • 不需要为不同的设备维护网站,可以减少开发成本。
  • 响应式设计可以为每一个页面提供独立的URL。
  • 响应式设计不需要考虑用户代理的检测

响应式缺点:

  • 如果编写两种不同的javascript来操作同一个DOM的时候,开发成本就会提高。
  • 可能增加JavaScript和CSS进行合理的重构能够节省资源,但是性能会下降。

 

参考资料:

MDN

维基百科

开源中国

以上是关于关于响应式的主要内容,如果未能解决你的问题,请参考以下文章

关于响应式布局

关于响应式布局

关于数组的响应式方法和非响应式方法

热点关于响应式编程你可能错过的信息

关于响应式布局

关于响应式布局的个人见解