为什么我的移动网站向左滚动到很多白色 space
Why does my mobile site scroll left to lots of white space
我真的很难理解为什么我的网站的纵向移动版本向左滚动!
我已经删除了 header 图片,它非常大,但宽度仍然向屏幕右侧滚动!
我在我的 head 标签中应用了通用视口代码并尝试了 css 宽度,但无济于事。
我的网站的移动版本不应向左或向右滚动。
关于是什么元素/@media set-up 导致移动设备出现此宽度问题的任何线索 css?
非常感谢!
快速浏览一下开发人员面板,您现在正在使用 min-width:900px
,它始终保持 900px
的宽度,而不管 width
标签的设置如何到。最简单的修复方法是执行以下操作:
#mediacontainer {
min-width:100%;
/* other css... */
}
这样,内容将始终是视口宽度的 100%。现在,另一种选择是在元素上设置 max-width
以防止它溢出屏幕:
#mediacontainer {
width:900px;
max-width:100%;
/* other css... */
}
此方法允许您指定 900 像素,但如果没有 900 像素可供使用,则会阻止它以这种方式显示。
我真的很难理解为什么我的网站的纵向移动版本向左滚动!
我已经删除了 header 图片,它非常大,但宽度仍然向屏幕右侧滚动!
我在我的 head 标签中应用了通用视口代码并尝试了 css 宽度,但无济于事。
我的网站的移动版本不应向左或向右滚动。
关于是什么元素/@media set-up 导致移动设备出现此宽度问题的任何线索 css?
非常感谢!
快速浏览一下开发人员面板,您现在正在使用 min-width:900px
,它始终保持 900px
的宽度,而不管 width
标签的设置如何到。最简单的修复方法是执行以下操作:
#mediacontainer {
min-width:100%;
/* other css... */
}
这样,内容将始终是视口宽度的 100%。现在,另一种选择是在元素上设置 max-width
以防止它溢出屏幕:
#mediacontainer {
width:900px;
max-width:100%;
/* other css... */
}
此方法允许您指定 900 像素,但如果没有 900 像素可供使用,则会阻止它以这种方式显示。