Question

我在使用此网站的ipad上遇到了css问题：http://heyheyandco.com/

在浏览器中，社交媒体图标在右边，但在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);
}

任何帮助将不胜感激。

谢谢

Answer 1

需要将视口元标记添加到html头

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

更多信息：https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

浮动的CSS iPad问题？

1 个答案: