ホームページ > ウェブフロントエンド > htmlチュートリアル > 次の 3 つの画像をブラウザの幅に合わせる方法、つまりブラウザを縮小した後も幅が画面いっぱいに収まる方法についてアドバイスをお願いします。 _html/css_WEB-ITnose

次の 3 つの画像をブラウザの幅に合わせる方法、つまりブラウザを縮小した後も幅が画面いっぱいに収まる方法についてアドバイスをお願いします。 _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:30:21
オリジナル
1374 人が閲覧しました

これは以下の状況であり、写真とコードが添付されています。

<div class="threepic"><img src="./images/fp_86.png" /><img src="./images/fp_87.png" /><img src="./images/fp_88.png" /></div>
ログイン後にコピー

.threepic{	position: relative;	overflow: hidden;	z-index: -1;	width: 1300px;    margin: auto;}.threepic img{    width: 421px;    float: left;    height: 440px;}
ログイン後にコピー


ディスカッション (解決策) への返信

% 比率に従って設定

% の比率

ありがとうございます。とても簡単であることがわかりました。でも複雑だと思いました。

どういたしまして、お互いから学び、高め合いましょう

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート