我有個CSS 問題想請教各位大大
下面這範例視窗高度改變的時候,圖片會跟著變小
可是 .a1 的 div width並不會跟著改變
有沒有辦法div 也跟著 img 的 width 一起改變呢?
謝大家
範例在這
請大家查看
謝謝
https://goo.gl/LUFeLH
圖1
https://goo.gl/ZGxa85
圖2
https://goo.gl/CnrEOc
圖3
https://goo.gl/ZC3jJE
圖4
https://goo.gl/OItd7U
圖1 圖2 div img 寬高都一致
將視窗高度縮小
圖3 img width height 都已經縮小了
圖4 div height 縮小了, width 還是原本的寬不會變
我想讓圖等比例縮小後, 外層DIV 寬高也跟著變化
謝謝各位大大
發信站: 批踢踢實業坊(ptt.cc), 來自: 114.46.29.72
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1449233179.A.B46.html
※ 編輯: xhiang (114.46.29.72), 12/04/2015 20:52:36
※ 編輯: xhiang (114.46.29.72), 12/04/2015 20:59:56

width設%不就好了？

加在哪呢? 請大大教我一下 謝謝

.a1 裡面 height可以改就是因為他有設定100% （已這個code來講就是視窗高度）

把外面的 div 設成inline-block ，可以試試看發現裡面不是 <img> 而是 content XDD這是為了達到什麼需求, 所以一定要這樣的結構嗎?try this: https://output.jsbin.com/bozahefalu

純css的話，你把img 的 max-width 改成 100vh 就行vh 的使用支援 http://caniuse.com/#search=vh