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

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

WBOY
WBOYオリジナル
2016-06-24 11:30:211340ブラウズ

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

<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;}


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

% 比率に従って設定

% の比率

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。