Maison  >  Article  >  interface Web  >  如何让表格里的图片随着浏览器窗口的放缩而放缩_html/css_WEB-ITnose

如何让表格里的图片随着浏览器窗口的放缩而放缩_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-21 09:12:101326parcourir

我想让图片里的圆点随着浏览器窗口的大小变化。


回复讨论(解决方案)

自适应啊 aaaaaaa

使用:background-size试一下;

<a href="#" style="display:block;background-size:100%;background:url('image-url') no-repeat center"></a>

在圆点图片外层套一个div 再加个样式 例如

如何让表格里的图片随着浏览器窗口的放缩而放缩_html/css_WEB-ITnose

然后在样式里面写 .aa{自己定位} .aa img{width:100%;}
这样图片就会随窗口大小缩放了

width:100%  设置宽度就行了,别固定宽度

用bootstrap试试,更加灵活.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn