gpt4 book ai didi

html - CSS iPad float 问题?

转载 作者:行者123 更新时间:2023-11-28 18:07:16 24 4
gpt4 key购买 nike

我在 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);
}

如有任何帮助,我们将不胜感激。

谢谢

最佳答案

需要将视口(viewport)元标记添加到您的 html 头部

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

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

关于html - CSS iPad float 问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19372305/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com