2013-09-25 3 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" /> 
Смежные вопросы