2013-09-25 77 views
0

網站: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文件,但似乎沒有任何工作。

任何幫助表示讚賞。

回答

0

你有沒有在你的html頭文件中加入這個?

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