Re: [問題] 圖片可自動縮放至視窗所預留的白邊
※ 引述《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
推
10/24 11:36, , 1F
10/24 11:36, 1F
→
10/24 11:36, , 2F
10/24 11:36, 2F
推
10/24 12:31, , 3F
10/24 12:31, 3F
→
10/24 12:33, , 4F
10/24 12:33, 4F
→
10/24 12:34, , 5F
10/24 12:34, 5F
討論串 (同標題文章)
完整討論串 (本文為第 2 之 2 篇)：
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
