gpt4 book ai didi

html - 当视口(viewport)宽度变小时,标题中的所有内容都会变小。我该如何改变这个?

转载 作者:行者123 更新时间:2023-11-27 23:33:32 25 4
gpt4 key购买 nike

我正在制作一个网站,其中我有一个横幅,左 Angular 有 Logo ,右 Angular 有英国国旗(添加了 img 元素)。我已经指定了两个图像的高度(它们都是 svg),当窗口大于 970px 时,图像的高度看起来不错。当窗口小于 970px 时,两个图像也会缩小。有谁知道如何解决这个问题?

我已将 Logo 更改为 png,结果相同,即使在添加文本时文本也会缩小,即使它具有指定的字体大小,这不会发生在 main、aside 或 footer 中。我还尝试了另一个 css 样式表,另一个文档没有同样的问题(虽然这个样式表没有适应我目前正在使用的 html 文档)但是我当前文档的结果是一样。

nav ul {
margin: 0;
padding: 0;
align-items: center;
background-color: rgb(255, 255, 255, .8);
list-style-type: none;
display: flex;
justify-content: center;
}

nav ul li {
flex: none;
}

我希望图像在窗口调整时保持相同大小,但它们也会随窗口调整大小。

最佳答案

将视口(viewport)元标记添加到您的 <head> :

<meta name="viewport" content="width=device-width, initial-scale=1">

文档:https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

关于html - 当视口(viewport)宽度变小时,标题中的所有内容都会变小。我该如何改变这个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57362723/

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