###やりたいことの詳細
現状
PCで表示した時に調度いい大きさのにつくった画像をスマホの表示時にも使っているため、画像1の赤枠にあるようにスマホで見たときに画像が小さく表示されます。
やりたいこと
そこで、スマホで表示するときには、画像の両端が画面の端に はみ出すようにして画像2のように表示したいです。
この時アスペクト比を保ちつつ、画面サイズが変化しても常に画像が左右中央に来るようにするにはどうすればよいでしょうか?
(同じ画像を使って表示領域だけを変える)
問題のページ
http://wonect.com/sg/brand/hario.html
やってみたこと
以下のようにcssを追加してなんとなく真ん中に持ってきましたが画面サイズが変わると微妙に真ん中からズレるようです。
element.style { width: 140%; margin-left: -20%; }
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/09/22 08:08