首页 > 代码库 > 响应式实践

响应式实践

 

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

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

 

 

 

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

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

 

 

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

 

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

 

响应式实践