3

我对整个 Web 开发这件事只是新手，所以我没有太多知识。

基本上我想要做的是当浏览器窗口变小时固定定位的文本变小。我已经向我建议了媒体查询，但从我读到的内容（尽管可能是错误的），它们与设备屏幕大小有关，而不是与浏览器窗口调整大小有关。

我想使用固定定位，因为我不希望文本与页面的其余部分一起滚动，但是当浏览器窗口大小减小时，我需要改变文本大小。目前，当我调整浏览器窗口的大小时，一些文本会从屏幕上消失。我尝试在我的 CSS 样式表中输入 % height 属性，但这并没有帮助。

到目前为止，我只使用了 CSS 和 HTML

任何帮助表示赞赏

4

1 回答 1

3

您可以使用浏览器的宽度：

“宽度”媒体特征描述了输出设备的目标显示区域的宽度。对于连续媒体，这是视口的宽度（如 CSS2，第 9.1.1 节 [CSS21] 所述），包括渲染滚动条的大小（如果有）。

http://www.w3.org/TR/css3-mediaqueries/ §4.1

请注意，这不同于device-width：

'device-width' 媒体特征描述了输出设备的渲染表面的宽度。对于连续媒体，这是屏幕的宽度。

例子

（来回调整预览窗格的大小）。

<div class="resize">hello world</div>

@media all and (min-width: 400px) {
    .resize {
        font-size: 14px;
    }
}
@media all and (min-width: 600px) {
    .resize {
        font-size: 32px;
    }
}
于 2013-03-30T08:52:45.897 回答