作者iamnodoubt ( )
看板Web_Design
標題Re: [問題] 圖片可自動縮放至視窗所預留的白邊
時間Sat Oct 24 05:09:10 2015
※ 引述《yorock (Remix)》之銘言:
: 首頁想要固定預留10px的白邊
: 然後讓圖片自動縮放到滿版
所以一整個頁面就只有一張圖?
: 因每家瀏覽器的高度不一
: 所以想說不要將圖片設定成固定尺寸
: 只固定白邊10px
: 圖片則自動偵測縮放大小
: 請問該用什麼方法下去做呢?
: 還煩請高手提點一下,感謝
設定包img的container
padding:10px
img設定width:100%, 他就會撐開跟container一樣大
高度沒設,他會根據寬度等比率放大
http://jsbin.com/zifufudeju/edit?html,css,output
不是很確定你要的是不是這樣
有時比較複雜的排版
沒辦法直接調css直觀的達到你要的效果
就會用模擬的..多加幾層或是幾個div
讓畫面看起來像
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 175.182.168.58
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1445634557.A.97B.html
推 yorock: 因為想讓圖片靠右,也就是上右下都留白10px 10/24 11:36
→ yorock: 請問有固定高度的方式嗎? 10/24 11:36
推 yorock: 找到解決方法了,原來是自己想得太複雜了 10/24 12:31
→ yorock: 用你方法把width改成height,img改max-height就解決了 10/24 12:33
→ yorock: 感謝!! 10/24 12:34