css - 全屏网站显示水平滚动条并在右侧切开

标签 css fullscreen

我正在这个网站上工作,但我不知道如何解决这个问题。 如果你使用全屏浏览器窗口,你会完美地看到它(任何主要浏览器)但如果窗口较小,它会显示水平滚动条并在右侧切割网站约 50 像素。 我无法更改设计以使其更容易实现。

这里是链接,可以同时看到html和css

http://www.ircm.comunicazioneimmagine.eu/

最佳答案

使用固定大小的布局会导致不同屏幕分辨率的问题。您应该使用流体布局来解决问题。

如果您不想使用流体布局。

将所有内容放入一个带有 margin: 0 auto 的 div 中,并在正文中添加 text-align: center(兼容 IE 浏览器)。选择与页面相得益彰的背景即可完成。

但如果屏幕分辨率小于实际页面大小,除了手动调整页面大小之外没有任何解决方案。

关于css - 全屏网站显示水平滚动条并在右侧切开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14624525/

相关文章:

javascript - 如何用可扩展的主div实现垂直滑动显示/隐藏div

html - 如何在 html 和 css 中创建段落首字母大写(特殊格式)

javascript - 输入范围 slider 拇指js事件

html - href 到网站上的不同页面无法按我希望的方式工作

html - 正确使用CSS :not selector for excluding element when in particular container

objective-c - 如何在全屏模式下创建 HUD 覆盖?

css - 全宽背景图像大小问题

javascript - 如何在特定事件后停止 window.scroll() ?

java - 在 Java GUI 中生成新进程时从 View 中删除任务栏

javascript - uwp javascript x-ms-webview webkitfullscreenchange 事件