响应式实践

1.用background设置图片,然后设置图片的size:100% auto;  图片自动调整高度会造成无法填充满div,出现空白。

   但利用img的话加载速度会受到很大的影响。  但图片是可以实现完美的响应式的! 

2.媒体查询无效?  什么鬼?  不能控制元素的显示?  

   答:用bootstrap框架的响应式辅助类,可以解决了哦!  

3.浮动元素撑开父元素。

4.响应式:保证图片、字体是可缩放的,所以就不能写死。 相对单位的参照物是父元素,而不是显示屏。  比如px的参照物就是显示屏。 百分比的参照物是父元素。

原文地址:https://www.cnblogs.com/njqa/p/6245696.html