问：大家好，我目前拥有Galaxy S6和iPhone 5c。当我在Android上查看我的网站时，所有内容似乎都具有响应性（除了我必须完成的工作），但是当我在iPhone上查看该网站时，在Nav下方的横幅上看到了这个可怕的断断续续。
我转到网站上的Chrome Dev工具，当我选择Iphone 4/5/6预览时，它没有显示。但是在我的iPhone和朋友iPhone上，这种情况反复出现。这发生在我网站的所有页面上。（Matthewmariner.me）
答：/ *对于第一部分[建筑物] * /
h4 {
行高：7.8 ；颜色：白色; text-align ：center ; 字体大小：2.5 rem ；边距：8 ％-5 px 0 0 ; -莫兹-不透明度：.80 ; -khtml- opacity ：.8 ; 不透明度：.8 ; 文字阴影：0 0 80 px rgba （
0 ，0 ，0 ，1 ），0 PX 0 70像素 RGBA （0 ，0 ，0 ，1 ），0 PX 0 60像素 RGBA （0 ，0 ，0 ，1 ），0 PX 0 50像素 RGBA （0 ，0 ，0 ，1 ），0 PX 0 40像素 RGBA（0 ，0 ，0 ，1 ），0 PX 0 30像素 RGBA （0 ，0 ，0 ，1 ）;
}
/ *对于较小的文本[Specializing in] * /
h6 { color ：white ; 边距：-7.0 rem 0 0 ; padding-bottom ：1 rem ; 字体大小：1.25 em ; text-align ：center ;
-莫兹-不透明度： .80 ;
-khtml- opacity ：.8 ; 不透明度：.8 ; background-color ：-moz-不透明度：。80 ; -khtml- opacity ：.8 ; 不透明度：.8 ; 文字阴影：0 0 80 PX RGBA （0 ，0 ，0 ，1 ），0 PX 0 70像素RGBA （0
，0 ，0 ，1 ），0 PX 0 60像素 RGBA （0 ，0 ，0 ，1 ），0 PX 0 50像素 RGBA （0 ，0 ，0 ，1 ），0 PX 0 40像素 RGBA （0 ，0 ，0 ，1 ），0 PX 0 30像素 RGBA （0 ，0 ，0 ，1 ）;
}
和媒体查询
@媒体 屏幕 和 （最大宽度： 660像素）
h6 {
字体大小：1 。25雷姆; 边距：0 ; } h6 {颜色：白色; 边距：-7.0 rem 0 0 ; padding-bottom ：1 rem ; 字体大小：1.25 em ; text-align ：center ; -莫兹-不透明度：.80
;
-khtml- opacity ：.8 ; 不透明度：.8 ; background-color ：-moz-不透明度：。80 ; -khtml- opacity ：.8 ; 不透明度：.8 ; 文字阴影：0 0 80 PX RGBA （0 ，0 ，0 ，1 ），0 PX 0 70像素RGBA （0 ，0 ，0 ，
1 ），0 PX 0 60像素 RGBA （0 ，0 ，0 ，1 ），0 PX 0 50像素 RGBA （0 ，0 ，0 ，1 ），0 PX 0 40像素 RGBA （0 ，0 ，0 ，1 ） ，0 PX 0 30像素 RGBA （0 ，0 ，0，1 ）;
}
