CSS浮動iPad問題？

我對用這個網站在iPad的CSS問題：http://heyheyandco.com/CSS浮動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

伴侶，你可以把它放在一個http://jsfiddle.net/？ – dowomenfart

它的一個WordPress的網站，這將需要永遠，你可以看看網址 – user1269625

我的解決方案是使用CSS媒體查詢。 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries。 – dowomenfart

需要視元標記添加到您的HTML頭

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

來源

2013-10-15 02:29:03

我已經有這樣的代碼行了。 – user1269625

對此抱歉，沒有向下滾動。您將需要使用媒體查詢來「縮小」所有主體內容的寬度。關於媒體查詢的簡短/精彩的書籍：http://www.abookapart.com/products/responsive-web-design ..祝你好運！ –

CSS浮動iPad問題？

回答

相關問題