Question

我对这整个网络开发事物都不熟悉，所以我没有太多的知识。

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

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

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

任何帮助表示赞赏

Answer 1

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

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

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

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

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

实施例

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

simple
inclusion of position:fixed content（根据问题）

<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;
    }
}

另请参阅：http://css-tricks.com/css-media-queries/

浏览器调整大小时调整文本大小

1 个答案:

实施例