Heim > Web-Frontend > HTML-Tutorial > div+css可以实现图片等比例缩放吗_html/css_WEB-ITnose

div+css可以实现图片等比例缩放吗_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:15:14
Original
1386 Leute haben es durchsucht

div+css可以实现图片等比例缩放吗?具体怎么实现?


回复讨论(解决方案)

不能,只会切图(不按比例)。
可以用JS去解决、建议去JS版问问,。

等比例缩放?不是任意裁剪? 按原体等比例 你设置img的长高就可以乐!

貌似有些人在用js做 可以根据鼠标的滚动修改图片的宽和高  但感觉效果肯定不怎么样的样子

可以。无论是CSS还是JS,只要规定好一个固定的长或者高(任选一个,但不要同时两个),就会自动按原来的长高比例进行缩放了。

而且也可以使用百分比那样的相对尺寸。

css 使用% 但是要有个最大值 避免失真
专业点叫做流体/弹性图片 google之

zoom:1是不缩放,zoom:0.8是缩小80%

可以。无论是CSS还是JS,只要规定好一个固定的长或者高(任选一个,但不要同时两个),就会自动按原来的长高比例进行缩放了。
+1
只要不是同时定义 高跟宽 就可以 等比例缩放

只要div的width和height比将要改变的img大,通过改变img的width 和height可以改变大小的

图片有个max-width属性,设置为父容器div的width试试

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