繁体   English   中英

全宽容器中的响应式图像

[英]responsive images in full width container

很难解释,我的想法是空白! 但是我有一个全角的div,然后我想在div内放入8张图像,然后将其调整为屏幕的任何尺寸。 抱歉,如果这没有道理,请问有人有任何想法。

如果我有问题,这就是您的需要。 http://jsfiddle.net/ukkJm/

如果div的宽度为100%,则必须将每个图像的尺寸设置为100%/812.5% 让我知道这是否是您要的!

您可以在CSS中使用以下方法制作响应式图像:

.img-responsive{
  display:block;
  max-width:100%;
  height:auto
 }

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM