为什么友链在移动设备上显示会出问题呢？

2021年7月6日

72 次浏览

标签：友链

该话题包含 4 个回复，2 人参与，最后由 ba7jcm 更新于 2年、 9月前。

正在查看 5 个帖子：1-4 (共 4 个帖子)

作者

帖子
#20717
ba7jcm
- 文章数量： 11
@ba7jcm

楼主
2021年7月6日下午6:29
如图，因为想偷懒，就没有做友链页面，只是用了一个自定义HTML和CSS挂在了侧边。但是在PC浏览器上显示是正常的，在移动设备上显示就会这样。我不知道问题出在哪里。可以请大佬帮忙看一下吗？

下面是对应的HTML和CSS

<ul style=”padding: 12px 13px 10px 0px;” class=”wailian”>
Mangata的知识分享网站
团子的航海日志

.wailian li{ float:left}
.wailian li a {
background: #FAFAFA;
border: 1px solid #e9e9e9;
display: block;
text-align: center;
margin-left: 15px;
margin-bottom: 5px;
padding: 0 4px;
border-radius: 2px;
width:120px;
color: #5e5e5e;
line-height: 30px;
white-space:nowrap;
overflow:hidden;
}
.wailian li a:hover {
color: #fff;
background: #428BCA;
}