画像の縦横の比率を16:9に拡大縮小するために、http://bashalog.c-brains.jp/15/08/17-100000.phpのサイトに書いてあるコードを参考にして、幅が640px、高さが360pxの16:9の大きさにしようとcssで以下のコードを書きました。
#imagearea {
position: fixed;
margin: 200px 0 0 80px;
z-index:1;
display: table-cell; /上下中央/
width: 640px;
height: 360px;
text-align: center; /左右中央/
vertical-align: middle; /上下中央/
}
#image {
width:auto;
height:auto;
max-width:640px;
max-height:360px;
}
しかし、このコードを実行したところ画像の大きさは変わりませんでした。
autoが機能してないように思い100%にしたところ、画像の大きさは変化しましたが、上のサイトのようにはなりませんでした。どうすればよいか教えていただけると嬉しいです。また他の方法があればぜひお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/01/15 05:56