网站：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 文件中，但似乎没有任何效果。
任何帮助表示赞赏。