移动端页面前端设计随笔整理

1、安卓机部分浏览器不支持这种背景css的写法:

 
1 background:#fff url(lunch.png) center bottom /86.5% no-repeat; 

要写成:

1 background:#fff url(lunch.png) center bottom no-repeat;
2 background-size:86.5%;

2、使用百分比布局页面的时候,从html到body到。。。。。一级一级的每一级都要设置%,比如

1 html{height:100%;}
2 body{height:100%;}
3 .box{height:50%;}

如此一来。box才能显示高度为页面的50%,否则,box的height值无效。

3、img是内联元素。所以用div包img的时候,会出现溢出。hack方法,给img添加display:block;

   

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。