问:在CSS基础模块的基本布局类中。我尝试修改示例项目,以在缩小窗口时使<header>中的H1响应,但失败了。
我以为如果将h1设置为:h1 {max-width:100%; }
然后它会工作。但事实并非如此。我想知道如何设置h1元素以使其具有响应能力?非常感谢!
答:要使h1标题随着浏览器的缩小而缩小,是需要使用媒体查询并手动为每个字体设置新的h1字体大小。
例:
@媒体 (最小宽度: 768px ) {
H1 {字体大小:任何尺寸你想它; } }
也许有使用em / rems的更简单方法?或最大宽度:自动?
希望这可以帮助。