a标签无法撑高父级元素的高度

Question

蓝色代表父级元素，红色代表子元素a标签。
在chrome电脑端可以撑开高度，但是手机上不行。

手机上效果如下图。

a标签已经display:block,height:100%;且父级元素有高度。

有人遇到过这种问题吗？求解

Answer 1

我刚才试了一下，
a 标签 样式
display:block;width:100%;height:100% 是可以达到你想要的效果的；
出现高度无法100%情况，你检查一下是否有浮动float,若是有float ,清除浮动试试

Answer 2

浏览器a标签的默认属性齐著云吧

Answer 3

给高度100%试一下

Answer 4

把a标签换成div试一下

Answer 5

overflow: hidden

Answer 6

设置一下weight:100%试试

Answer 7

是否添加了<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">

可以尝试用inline-block