Проблема с iPad с плавающей точкой?

Я имею вопрос CSS на IPad с этим сайтом: http://heyheyandco.com/Проблема с iPad с плавающей точкой?

В браузере иконка социальных медиа находится на праве, но на IPad или Iphone Сва права, но не весь путь направо , все, что я могу сделать, чтобы исправить это? Вот мой код для DIV социальных медиа:

.social-media { 
float: right; 
width: 98px; 
margin-left: -180px !important; 
}

и дополнительный код CSS:

.site { 
margin: 0 auto; 
width: 1200px; 
overflow: hidden; 
} 

body .site { 
padding: 0 40px; 
padding: 0 2.857142857rem; 
margin-bottom: 48px; 
margin-bottom: 3.428571429rem; 
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); 
}

любая помощь будет оценена.

Благодаря

источник

2013-10-15 user1269625

Mate вы можете поместить его в http://jsfiddle.net/? – dowomenfart

его сайт wordpress, который займет навсегда, вы можете посмотреть на url – user1269625

Мое решение - использовать для этого запросы на CSS-материалы. https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries. – dowomenfart

нужно добавить видовую мету тегов в HTML голову

<meta name="viewport" content="width=device-width">

Подробнее: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

источник

2013-10-15 02:29:03

У меня уже есть эта строка кода. – user1269625

К сожалению, об этом не прокручивали. Вам понадобится использовать медиа-запросы, чтобы «уменьшить» ширину всего содержимого тела. Краткая/удивительная книга по медиа-запросам: http://www.abookapart.com/products/responsive-web-design .. Удачи! –

Проблема с iPad с плавающей точкой?

ответ

Смежные вопросы