问：代码有问题：480像素或更大像素的设备的断点。将h1字体大小设置为2.5em。
不知道为什么下面的代码不正确。我缺少明显的东西吗？这段代码在哪一行上有关系吗？我在顶部。
@media屏幕和（最小宽度：480像素）{h1 {字体大小：2.5em；}}
css / main.css
@媒体 屏幕 和 （最小宽度： 480像素） {
h1 {字体大小：2.5 em ; } }一个{文字修饰：无; } ＃包装{最大宽度：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 { max-width ：100 ％; } ＃
画廊 {
保证金：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 ; }
答：他是对的...不一定重要...但是要考虑到CSS是级联的....因此，当CSS在屏幕上向下移动时，它将遵循规则。
对先前确定的内容进行的任何更改都应在初始CSS规则之后进行。最佳做法是将媒体查询包含在代码的其余部分之下，或包含在它们自己的文件中，并将该文件链接到您的main / style / custom.css文件下面。
