CSS3如何固定图片宽度使图片高度按图片比例自适应?

html-css011

CSS3如何固定图片宽度使图片高度按图片比例自适应?,第1张

动作面版,新建一个动作,名称和快捷键先好后"记录"---图像->图像大小,把高度改成你想要的尺寸,下面的约束比例勾上,确定,回到动作面版,点击右下脚的"停止播放/记录",这样你就有一个动作了!

不过还有一个更方便的方法,就是用acdsee,在缩略图的模式下,选中图片,"工具"->"图像大小"

一般是宽度为响应式的,在手机端,要使用rem作为单位,这样可以使手机分辨率在发生变化时,高度和宽度同时发生改变。

现在开始流行使用rem作为手机端的单位,淘宝,京东都是用rem。

有两种

1.通过设置viewport参数

2.使用css3中的缩放

两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例,然后进行缩放。但是因为目前手机种类繁多,浏览器种类也很多,所以每种方法各自都有不少的问题。