-1

非常感谢您的帮助。

我已经建立了一个网站，现在我正在尝试为 iPhone 优化它。特别是我有一个页面的问题：到外部站点的链接断开。

联系电话是白色的。但在 iPhone 中，它们是绿色的。我已经包括了一个屏幕截图。如您所见，数字是绿色的 (#029547)。

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

资料：

css 文件的断开链接。

第 444 行：'.style2'

第 707 和 708 行包含仅适用于 iPhone 的 css：'.style2' 和'.style2 p'

干杯!

更新：

阿德里安，非常感谢您指出媒体声明是错误的。我修复了它，但问题仍然存在。

更新 2：

截屏：在此处输入图像描述

已解决：

它是第 123 行中的“a”属性。是的，没错。a 属性覆盖了.style2p 属性。诡异的！！！我修复了添加的问题：

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

2 回答 2

1

@media 定义中的最大宽度是错误的！

// 第 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;}
}
于 2012-05-03T11:07:33.473 回答
0

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

p {font-size: 1.4em; color: #736E74;}
于 2012-05-03T11:03:33.227 回答