安卓手机的a/span的宽高失效
生活随笔
收集整理的這篇文章主要介紹了
安卓手机的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的宽高失效的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: LeetCode 4Median of
- 下一篇: 提高软技能之如何高效解决问题