css3 - h5单页滚动的图尺寸问题

Question

做全屏滚动的五六个图的页面，一个图一个页面，但是视觉给的图都是一个大小，有的图在不同的尺寸显示不一致，比如有个转盘是扁的。有什么办法呢？

Answer 1

首先說視覺上變形是因為什麼，因為你沒有等比例縮放，視覺上一定會不和諧。
要確認下，h5頁面是不是要鋪滿，還是直接用設計圖寬度100%，上下居中就行，不管上下留白。
再說，這種h5頁面，例如轉盤要單拿出來，固定相對的一個位置，如 top:50%; margin-top:*px。這樣在各個高度就不會變形。

Answer 2

用的@media設定不同解析度的，有些有的字體啥的不區分可能沒啥事，大圓圈區分一下大小吧

Answer 3

圖片背景處理方法
background-size:cover;
background-position:center center;

img圖片
position:absolutel;top:50%;left:50%;margin:負數 圖片的高度的一半 0 0 負數 圖片的寬度的一半