gpt4 book ai didi

html - 我怎样才能给页面内容一个固定的宽度并在大屏幕上居中,并在小屏幕上缩小它的背景图像?

转载 作者:行者123 更新时间:2023-11-28 13:04:53 25 4
gpt4 key购买 nike

我刚刚开始使用 HTML5 开发一个面向所有手机、平板电脑和台式机的网站。通过谷歌搜索,我了解到使用以下标签会根据所有外形因素的需要重新调整我们的网站:

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

所以我只是尝试了一下,它看起来就像一个魅力,但我看到当我们在桌面(19 英寸显示器)上查看这个网站时,所有元素看起来都被拖过屏幕以使其适合 100 % 出现在屏幕上,这对我来说有点奇怪。

因此,是否有任何选项可以让网站的主要内容(具有固定宽度)在桌面上查看时以横跨整个屏幕的背景图像居中,但在屏幕上查看时缩小背景图像更小的外形。

举个活生生的例子,如果我们看到 Twitter,它的行为就像我建议的那样,用背景图片将主要内容居中,当我们缩小屏幕尺寸时,它会缩小背景,但会尝试将内容尺寸保持为是。

如果 HTML5 或 CSS3 中有任何新属性可以实现这一点,谁能建议我。

最佳答案

改用流体布局 https://www.google.com/search?q=fluid+layout+examples

如果您想让网站响应,请参阅 CSS Media Queries

关于html - 我怎样才能给页面内容一个固定的宽度并在大屏幕上居中,并在小屏幕上缩小它的背景图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15900894/

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