html5 - 坐等大神赐教,H5中iPhone宽度够,安卓不够?
本文介绍了html5 - 坐等大神赐教,H5中iPhone宽度够,安卓不够?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
在APP的布局中,出现iPhone中宽度合适,但在安卓中宽度不够,元素被挤到下一行的问题;如下图:图片描述
用到的代码是:
.dls{
width:100%;
height:2.1rem;
font-size:0;
dl{
display:inline-block;
width:25%;
height:100%;
text-align:center;
}
}
解决方案
display:inline-block的元素之间会有一个字符的间隙,这个间隙导致了最后一个会掉下来。
解决方法:
1、给父元素设置font-size:0px;
2、取消掉换行符,如这样:<span>aaaa</span><span>aaaa</span><span>aaaa</span>连续。
或者
<div class="space">
<a href="##">惆怅</a><!--
--><a href="##">淡定</a><!--
--><a href="##">热血</a>
</div>
<div class="space">
<a href="##">惆怅</a
><a href="##">淡定</a
><a href="##">热血</a>
</div>
3、使用margin负值。
4、使用浮动。
5、另外还有使用letter-spacing、word-spacing等方法。
这篇关于html5 - 坐等大神赐教,H5中iPhone宽度够,安卓不够?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文