Question

我们在上述网站的页眉和页脚中有自定义社交媒体图标。

计算机上的一切看起来都很好，即使我调整了浏览器窗口的大小，但是当我们在智能手机上拉起网站时，图标会调整为不同大小（瘦小，小等）。

我们希望它们保持与常规网站相同的大小，但我似乎无法在CSS中找到正在改变的正确区域。

这是我正在使用的CSS：

.social-networks .facebook a{background-image:url(images/facebook-wat.png) !important; width:32px !important; height:32px !important;}
.social-networks .twitter a{background-image:url(images/twitter-wat.png) !important; width:32px !important; height:32px !important;}
.social-networks .linkedin a{background-image:url(images/linkedin-wat.png) !important; width:32px !important; height:32px !important;}
.social-networks .google a{background-image:url(images/google-wat.png) !important; width:32px !important; height:32px !important;}

我已添加到media.css文件但似乎没有任何效果。

感谢任何帮助。

Answer 1

你有没有在你的html头中添加这个？

<meta name="viewport" content="width=device-width, initial-scale=1" />

移动社交媒体图标没有正确调整大小

1 个答案: