TEL:400-8793-956
当前位置:程序、服务器

如何设置文本以进行响应(CSS Basics中的示例项目)

提问者: 近期获赞: 浏览人数: 发布时间:2021-02-03 15:17:36

 问:在CSS基础模块的基本布局类中。我尝试修改示例项目,以在缩小窗口时使<header>中的H1响应,但失败了。

 
我以为如果将h1设置为:h1 {max-width:100%; }
 
然后它会工作。但事实并非如此。我想知道如何设置h1元素以使其具有响应能力?非常感谢!
 
 
答:要使h1标题随着浏览器的缩小而缩小,是需要使用媒体查询并手动为每个字体设置新的h1字体大小。
 
例:
 
@媒体 (最小宽度: 768px ) { 
H1 {字体大小:任何尺寸你想它; } }   
 
也许有使用em / rems的更简单方法?或最大宽度:自动?
 
希望这可以帮助。
上一篇: 如何声明属于另一个类的属性?
下一篇: 动作控制器:TodoLists#index中的异常ExecJS :: ProgramError