2

<html>Chrome ブラウザから報告された のサイズに混乱しています。画面解像度のフルスクリーンで作業しています1360x768。この css を使用して、フルスクリーン画像を背景に配置します。

bg-img { position:absolute; top:0; left:0; width:1360px; height:768px; }

残念ながら、これはフルスクリーンで画像を表示せず、サイズも小さくなります。マークアップの検査要素に行くと、<html>1790 x 768 のようなサイズが表示されます。Chrome によって報告される計算サイズ:

display: block;
height: 768px;
width: 1790.6666259765625px;

これが--chrome-frameモードで問題なく動作することがわかった (幅: 1360px、ただし、拡張機能に別の問題があるため、使用できない)

何が起こっている？

%背景画像で問題なく動作する場合でも、この背景に他の要素があり、十分に正確ではないため、 でそれらを配置できないため、問題は解決しませabsoluteん%。

1790.6666259765625px は拡張デスクトップと 2 番目のモニターが原因であると報告されている可能性がありますが、同じ問題を無効にした後です。

4

2 に答える 2

1

background-size画面の解像度に関係なく、画像の比率を調整できるCSS3が必要です。CSSセレクターと一致していることを確認し、使用している画像にURLを調整してください...

.bg-img
{
 background-image: url(wallpaper.jpg);
 background-size: 100% auto;
}

ライブ デモンストレーションでは、まず私のサイトで壁紙を選択してください...

http://www.jabcreations.com/forums/?prompt=themes-wallpaper

...そして、ここで「壁紙効果」を変更します...

http://www.jabcreations.com/forums/?prompt=options-basic

themes/style_user.css適用すると、関連する CSS コードがすぐに見つかります。

于 2013-09-06T01:25:20.130 に答える