コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML の背景画像が大きすぎる場合の表示の問題。help_html/css_WEB-ITnose を参照してください。

HTML の背景画像が大きすぎる場合の表示の問題。help_html/css_WEB-ITnose を参照してください。

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2016-06-21 09:47:49
オリジナル
1700 人が閲覧しました

CSS HTML 背景画像はさまざまな解像度に適応します

状況は次のとおりです。上司は 2186 x 1059 のサイズでレンダリングを行いました。今度は、上司の要求は、画面の解像度が小さい場合、中央部分のみが表示されるようにすることです。メインコンテンツですが、画面解像度が大きくなると、解像度に応じて表示も大きくなります

ディスカッション（解決策）への返信

背景を中央に設定します

divレイヤーを2つ書いて一番上を設定してみますレンダリングの左側は動的です。解像度が小さい場合は、レイヤーの 1 つを使用して余分な部分をマスクします。具体的には、解像度の範囲に基づいて計算する必要があると思います。上司が死ぬこと。 。 。

上司に死ねと言いなさい。 。 。 これは素晴らしい

背景を中央に設定します

以上です~~ 背景位置: 中央上部 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>div,body,html {margin:0;width:100%;height:100%}.main{background:url(http://news.mydrivers.com/img/20080628/07552404.jpg) no-repeat; background-position:top center;}</style></head><body><div class="main"></div></body></html>
ログイン後にコピー

これを使用してください


背景の実装としては、次の方法を使用することもできます。 it :

css:

.div{ 位置:相対; 幅: 1000px;}
.div2{ 位置: 絶対; 左:-593px; }
html:


画像アドレス


関連ラベル：
html背景图片过大时显示问题，求助
ソース：php.cn
前の記事：HTMLでのセルのジャンプ方向の設定 table_html/css_WEB-ITnose 次の記事：画像が見つからない場合、どのような方法で他のpictures_html/css_WEB-ITnoseに置き換えることができますか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
リモート ウェアハウスを git に追加した後、プッシュできません
から 1970-01-01 08:00:00
0
0
0
Objective-C のブロックと Swift のクロージャの違いは何ですか?
から 1970-01-01 08:00:00
0
0
0
github - git は特定のサフィックスを除くすべてのファイルを無視できますか
から 1970-01-01 08:00:00
0
0
0
object-c - この cas ファイルを偶然見ましたか?これはどのように書かれているか聞いてもいいでしょうか？
から 1970-01-01 08:00:00
0
0
0
bash での git 完了エラー
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート