Heim > Web-Frontend > HTML-Tutorial > 图片自适应_html/css_WEB-ITnose

图片自适应_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 08:54:43
Original
920 Leute haben es durchsucht

我在做前端页面,div块我固定了大小,但是我放进去的图片比这个div定义的大,我该如何写代码让图片自适应这个div大小?


回复讨论(解决方案)

img固定大小 或者图片设成背景

写js控制img的大小,适当绽放比例

max-height:100%; max-width:100%

width:100%;height:auto;


width:auto;height:100%;

可以利用背景图片插入,并设置属性background-size:value;
这个value可以是3个:1.width(height会默认auto),值可以是px。也可以是百分比;
2.cover;
3.contain。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage