我有个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