0

ヘッダーの背景色を変更しようとしています....デスクトップレイアウトでは正常に機能しています....しかし、iPhoneレイアウトでは正常に機能していません....ヘッダーの色がiPhoneで変化していませんレイアウト....以下に私のコードを提供する

http://jsfiddle.net/mzMjT/embedded/result/

<tr>
            <th style="
    background-color: red;
">First Name</th>
            <th>Last Name</th>
            <th>Job Title</th>
            <th>Favorite Color</th>
            <th>Wars or Trek?</th>
            <th>Porn Name</th>
            <th>Date of Birth</th>
            <th>Dream Vacation City</th>
            <th>GPA</th>
            <th>Arbitrary Data</th>
        </tr>

th {
background: #333;
color: white;
font-weight: bold;
}
4

1 に答える 1

1

あなたのスタイルがモバイル レイアウトを変更していない理由は、th小さな画面で要素を非表示にし、ヘッダーの代わりにCSS 疑似要素を使用しているためです。モバイル バージョンで「ヘッダー」のスタイルを設定する場合は、次のようにします。

td:before {
    background: #333;
    color: white;
    font-weight: bold;
}

残念ながら、疑似要素を一貫性のある列にするには微調整が必​​要ですが、これで正しい方向に進むはずです!

于 2013-03-30T01:30:18.267 に答える