私はこのようなコードを持っている:リサイズ画像は
HTML:
<nav>
<table id="menuBar">
<tr>
<td> <img src="data/Sources/menu.png"> </td>
<td> <img src="data/Sources/home.png"> </td>
<td> Files </td>
<td> Comments </td>
</tr>
</table>
</nav>
CSS:
nav {
text-align: center;
height: 100px;
width: 100%;
padding-left: 25%;
padding-right: 25%;
background-color: #7F7F7F;
}
#menuBar{
padding: 5%;
}
#menuBar img{
width: 100%;
height: auto;
display: block;
}
そして私はに写真に収まるようにしたいです細胞。
しかし、ピクチャはセルよりも大きく、イメージ自体のサイズを変更する代わりにテーブルのサイズを変更しています。それを理解できません。あなたの答えをありがとう。
あなたは、バックグラウンド・サイズに見たことが:カバー? – Stephane
'overflow:hidden'またはオーバーフローの他の適切なプロパティ値を試してください。この部分をテーブルセルに追加します。 – Greenhorn
もし '#menuBar td { background-size:cover; オーバーフロー:スクロール; } 'still doesnt work – SRomie