我不知所措,希望你们能帮忙。我用bootstrap 4.1建立了我的网站,我的网站是 http://www.visionary-creatives.com/ 它在chrome、firefox、opera和ie中的功能似乎和预期的一样。当我在safari上运行它时,右侧有一个空白区域,给了它一个不需要的侧滚功能。
我一行一行地检查了它的宽度,没有出现溢出的情况。我也试着加上
html, body { width:100%; overflow-x:hidden; }
这可以修复正在渲染的空白区域。不幸的是,它还禁用了我的导航栏在那些网站上滚动,并完全禁用了移动导航。抱歉,我没有把全部代码都贴在这里,很明显很长。如果这个问题已经被回答了,我很抱歉,我检查了,找不到关于这个的答案。
在bootstrap.css中,找到第571行:
#devDiv1, #devDiv2, #devDiv3 { margin-top: 85px; margin-bottom: -24px; position: relative; height: inherit; perspective: 150px; perspective-origin: 0 50%; cursor:pointer; }
添加 overflow: hidden; 在那里。
overflow: hidden;