html - 浮动的CSS iPad问题？

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