如何使用 javascript 将用户视图居中

发布于 2024-11-10 00:01:27 字数 162 浏览 1 评论 0原文

我有一个网页,其背景图像(在某些分辨率下)超出了浏览器窗口的宽度。

相关网页的内容相对于背景图像居中,因此我希望网页的访问者的视图水平居中

这可能吗?如果没有,我将如何动态裁剪背景图像以适应查看器的窗口大小?

I have a webpage with a background image that extends (in some resolutions) beyond the width of the browser's window.

The contents of the webpage in question are centered, relative to the background image, and so I would like that the visitors to the webpage would have their view horizontally centered aswell.

Is that possible? If not, how would I go with dynamically cropping the background image, to fit the window size of the viewer?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

烙印 2024-11-17 00:01:27

修改css:

转到body{}类并将其修改为:

body
{
background: url('path-to-ur-image/image.jpg') top no-repeat;
}

Modify the css:

Goto the body{} class and modify it as:

body
{
background: url('path-to-ur-image/image.jpg') top no-repeat;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文