安卓手机的a/span的宽高失效

最近在做一个移动端的项目，网页版在IOS上显示都是妥妥的，可是一部华为中的UC浏览器的效果就让人傻眼了，好多按钮都是都缩在一起，宽高失效。

折腾了半天找不到蛛丝马迹，最后实验发现<a><span>在华为手机中，不能独到height 和 width 只要将标签换做<div> 问题就解决了

原因是：<a> <span> <label> <input> <img> <strong>和<em> 属于行内标签，可以使用display:block 转换成块级元素

其特点是1.在同一行内从左到右按文档流填充不换行

2.高度行高和底部都不能改变

3.宽度就是图片或者文字的宽度也不可以改

所以在移动端需要设置行高的按钮等结构，尽量避免使用内联元素或转化成块级（block）元素

转载于:https://www.cnblogs.com/luckyjing77/p/5644020.html

安卓手机的a/span的宽高失效相关推荐

获取手机像素，密度和宽高（dp）
// 获取手机像素,密度和宽高(dp) WindowManager wm = (WindowManager) MainActivity.this.getSystemService(Context.WI ...
关于span设置宽高
首先区别内联元素和块元素内联元素不会独自占据一行,其他的内联元素也可以在同一行:块元素独自占据一行. 块级元素可设置宽高,内联元素设置无效. 块级元素的 width 默认为 100%,而内联元素则是 ...
手机屏幕高宽有哪些_请问手机5英寸屏幕长宽高是多少厘米?
A:家具设计标准尺寸家具设计的基本尺寸(单位:厘米) 衣橱:深度:一般60~65;推拉门:70,衣橱门宽度:40~65 推拉门:75~150,高度:190~240 矮柜: 深度:35~45,柜门 ...
小程序组件获取元素宽高失效和canvas绘制问题
解决办法: 在自定义组件内获取必须用SelectorQuery.in() Component({lifetimes: {ready() {const query = wx.createSelector ...
安卓定时启动软件app_便签app排行榜前十名安卓手机哪个高颜值便签软件好用？...
手机上用的便签app,在手机便签app排行榜前十名的便签软件哪个好用?安卓手机上用的便签app哪个好用? 对于这些问题,考虑的角度与衡量的标准不同,所得出的答案想必也会不同,对于小编这个即将踏入职场的 ...
＜span＞的宽高到底是多少？
<div style="width:400px;height:200px;"><span style="float:left;width:auto:he ...
基于android的便签app,便签app排行榜前十名安卓手机哪个高颜值便签好用？
原标题:便签app排行榜前十名安卓手机哪个高颜值便签好用? 手机上用的便签app,在手机便签app排行榜前十名的便签哪个好用?安卓手机上用的便签app哪个好用? 对于这些问题,考虑的角度与衡量的标准不 ...
安卓手机浏览器排行_安卓手机性能排行榜：国产手机集体“出位”，华为却在角落哭泣？...
华为手机的芯片一直都坚称是国产的骄傲,但是现在的华为芯片出现了一系列的问题,甚至有人预言在今年九月份之后,华为就不再会获得台积电的芯片供应了.这样,对华为来说无疑是不好的势头,而且芯片刚被市场认可,又 ...
安卓手机真的不行了，搞不定卡顿问题，只能抄袭苹果iOS系统，然而各怀鬼胎的它们终究画虎不成反类犬...
近期安卓手机品牌开始推送新功能,更新了这个新功能后就有了类似苹果iOS系统的墓碑机制,这可以在一定程度上解决安卓手机的卡顿问题,如此做恰恰说明了国产手机不如苹果,难怪消费者越来越认可iPhone了. ...

安卓手机的a/span的宽高失效

安卓手机的a/span的宽高失效相关推荐

最新文章

热门文章