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

对于大于480像素的设备,您是否将h1字体大小更改为2.5em?我究竟做错了什么?

提问者: 近期获赞: 浏览人数: 发布时间:2021-02-01 13:31:47

 问:我究竟做错了什么?我已经按照每个步骤

 
 css / main.css
@媒体 屏幕 和 (最小宽度: 480像素) { 
h1 {字体大小:2.5 em ; } } a {文本修饰:无;} #包装{最大宽度:940像素; 保证金:0自动; } #标志{文本对齐:中心; 边距:0 ; } h1 ,  
 
 h2  {
颜色:#fff ; } NAV一个{颜色:#FFF ; } nav a :悬停{ color :#32673f ; } h1 { font-family :Changa One ,sans-serif ; 字体大小:1.75 em ; font-weight :正常;} img {最大宽度:100 %;} #   
 
 
画廊 { 
margin :0 ; 填充:0 ; 列表样式:无;} #画廊里{浮动:左; 宽度:45 %; 利润率:2.5 %; 背景颜色:#f5f5f5 ; 颜色:#bdc3c7 ; } nav ul { list-style :none ; 边距:0 10   
 
    px ; 
填充:0 ; } nav li { display :inline-block ; } NAV一个{字体重量:800 ; 填充:15像素10像素; } 。个人资料照片{显示:阻止; 边距:0自动30像素; 最大宽度:150像素;边界半径:100 %   
 
   ; 
。contact-info {列表样式:无;填充:0 ; 边距:0 ; 字体大小:0.9 em ; } 。contact-info a { display :block ; 最小高度:20像素;背景重复:不重复;背景尺寸:20像素20像素;填充:0 0 0
 
      30像素; 
边距:0 0 10 px ; }   
 
 
答:旁注:我们可以让一位主持人更改此代码挑战吗?这个确切的问题每天都会出现。
 
您正在正确更改h1样式,但是在CSS的更深处,还有另一种h1样式会覆盖您的样式。将查询放在默认值h1之后。
 
/ *默认h1 * / 
/ *小屏幕* / 
h1  { 
font-family :Changa One ,sans-serif ; 字体大小:1.75 em ; font-weight :正常;} / *查询h1 * / / *大屏幕* / @媒体屏幕和(min-width :480px ){ h1 { font-size :2.5 em ; } }     
   
上一篇: xampp和mysql工作台的问题
下一篇: 使用$ POST将相同的表单数据发送到两个不同的文件