作者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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1445634557.A.97B.html
1F：推 yorock: 因为想让图片靠右，也就是上右下都留白10px 10/24 11:36
2F：→ yorock: 请问有固定高度的方式吗？ 10/24 11:36
3F：推 yorock: 找到解决方法了，原来是自己想得太复杂了 10/24 12:31
4F：→ yorock: 用你方法把width改成height，img改max-height就解决了 10/24 12:33
5F：→ yorock: 感谢！！ 10/24 12:34