HTML-p标签在iphone中显示不同的颜色

Question

非常感谢您的帮助。

我已经建立了一个网站，现在我正试图为iPhone加强它。 我特别关注一页的问题：broken link to external site。

联系电话是白色的。但在iPhone中它们是绿色的。我已经包含了一个屏幕截图。如您所见，数字为绿色（＃029547）。

我试图只为iphone创建一些css，但它们仍然是绿色的。 我显然错过了一些东西，但我看不清楚。

信息：

broken link to css file。

第444行：'。style2'

第707和708行只包含iPhone的css：'。style2'和'。style2 p'

干杯！

更新：

阿德里安，非常感谢你指出媒体宣言是错误的。 我修好了，但问题仍然存在。

更新2 ：

屏幕截图：

---

解决：

这是第123行的'a'属性。 恩，那就对了。 a属性覆盖了.style2 p属性。奇怪的！！！ 我修正了问题：

@media only screen and (max-device-width: 640px) {
    .style2 a {color: white;}
}

Answer 1

@media定义中的 max-width 是错误的！

//第695行：

@media only screen and (max-width: 1200px) {
    /* Style adjustments for viewports 480px and over go here */
    header {
        height: 90px;
        background: #A3CE4B url('i/header_bg.jpg') top right no-repeat;
    }
    .page_width_1 {width: 1040px;}
    .ribbon_left {height: 164px;}
    .ribbon_right {height: 164px;}
    .style2 {color: white;}
    .style2 p {color: white;}
    input {width: 197px;}
    .date p {margin: 5px 35px 0 0;}
}

Answer 2

尝试从default.css:144删除颜色声明：

p {font-size: 1.4em; color: #736E74;}