关于响应式

标签：不同   防止   图片   ref   设计   http   需要   mob   中国   

响应式是什么？

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

使用响应式的要求

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

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

响应式优点：

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

响应式缺点：

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

参考资料：

MDN

维基百科

开源中国

关于响应式

标签：不同   防止   图片   ref   设计   http   需要   mob   中国   

原文地址：https://www.cnblogs.com/WuLiang-cola/p/9286481.html