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问题？

回答

相关问题