0

パーセンテージを使用した定義リスト内の画像のサイズ変更に問題があります。デスクトップで試したすべてのブラウザーでページが正しく読み込まれますが、何らかの理由で iPad では DT タグの外側の画像がにじみます。あなたの快適さのために、この問題を jsbin で再現しました。 http://jsbin.com/okaqun/1

ご覧のとおり、データベースの画像が境界線からはみ出しています。

これを解決するのを手伝ってください！それはあまりにも長い間私を夢中にさせてきました!

ありがとうございました！

4

2 に答える 2

0

iOSには、不均一な数（1、3、5、7 ...）の画像のスケーリングに問題があると思います。画像を同じ幅/高さに変更してみましたか？

于 2013-02-15T03:58:49.900 に答える
0

なんとか解決策を見つけることができましたが、それはまさに私が望んでいたものではありません。image-size が含まれるように設定された background-image として CSS を使用して画像を設定することで、すべてのデバイスで必要な結果が得られましたが、最適とは言えません。

.list dt{
    background: #1B1B1B 0% no-repeat url('http://aux.iconpedia.net/uploads/21188781911187876141.png');
    background-size: contain;
    height: 17%;
    border-top: 1px solid #262626;
    border-bottom: 2px solid #101010;
}

コードをいじってみると、何か面白いことがわかったと思います... DT の高さを 0% に設定してから 17% に戻すと、内部の画像のサイズが正しく変更されます。この動作の説明はありますか?

于 2012-10-31T16:11:04.573 に答える