gpt4 book ai didi

CSS:iframe 内的最小宽度响应

转载 作者:行者123 更新时间:2023-11-28 10:11:58 30 4
gpt4 key购买 nike

我正在使用 CSS @media 标签和最大宽度。要求是在大屏幕上有较小的文本大小,在移动屏幕上有较大的文本大小。所以在基本层面上我有:

body {
font-size: 13px;
}

@media (max-width:991px){
body{
font-size:24px;
}
}

这很好用,但我在屏幕上有一些元素可以在屏幕上打开宽度小于 992px 的 iframe,因此即使在大屏幕上,它们也会有一个巨大的 24px 字体。有没有办法让最大宽度规则遵循屏幕宽度而不是 iframe 宽度?

最佳答案

用一个 id 指定你的 body ,然后像这样用这个 id 设计样式:

<body id="mainBody">
...
</body>
@media (max-width:991px){
#mainBody{
font-size:24px;
}
}

关于CSS:iframe 内的最小宽度响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44771165/

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