移动社交媒体图标大小不正确

Question

网址：http://wearetechnology.com/

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

在电脑上看起来一切正常，即使我调整了浏览器窗口的大小，但当我们在智能手机上打开网站时，图标会调整到不同的大小(瘦的，小的，等等)。

我们希望它们保持与常规网站相同的大小，但我似乎找不到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" />