文章詳情頁
css3 - h5單頁滾動的圖尺寸問題
瀏覽:240日期:2023-07-06 16:54:20
問題描述
做全屏滾動的五六個圖的頁面,一個圖一個頁面,但是視覺給的圖都是一個大小,有的圖在不同的尺寸顯示不一致,比如有個轉(zhuǎn)盤是扁的。有什么辦法呢?
問題解答
回答1:首先說視覺上變形是因為什么,因為你沒有等比例縮放,視覺上肯定會不和諧。要確認(rèn)下,h5頁面是不是要鋪滿,還是直接用設(shè)計圖寬度100%,上下居中就行,不管上下留白。再說,這種h5頁面,比如轉(zhuǎn)盤要單拿出來,固定相對的一個位置,如 top:50%; margin-top:*px。這樣在各個高度就不會變形。
回答2:用的@media設(shè)置不同分辨率的,有些有的字體啥的不區(qū)分可能沒啥事,大圓圈區(qū)分一下大小吧
回答3:圖片背景處理方法background-size:cover;background-position:center center;
img圖片position:absolutel;top:50%;left:50%;margin:負(fù)數(shù) 圖片的高度的一半 0 0 負(fù)數(shù) 圖片的寬度的一半
標(biāo)簽:
CSS
相關(guān)文章:
1. docker網(wǎng)絡(luò)端口映射,沒有方便點的操作方法么?2. vim - docker中新的ubuntu12.04鏡像,運行vi提示,找不到命名.3. debian - docker依賴的aufs-tools源碼哪里可以找到啊?4. docker-compose 為何找不到配置文件?5. mac連接阿里云docker集群,已經(jīng)卡了2天了,求問?6. 為什么我ping不通我的docker容器呢???7. golang - 用IDE看docker源碼時的小問題8. docker - 如何修改運行中容器的配置9. spring-mvc - spring-session-redis HttpSessionListener失效10. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備