如何根据屏幕尺寸调整图像

佐治

假设我们在css属性中具有2000px宽和500px高的图像。对于1080p显示器,如何正确配置此图像。我希望将此图像设置在任何屏幕尺寸上,以进行响应式设计。

阿基列什·库马尔(Akhilesh Kumar)

如果要保持宽高比,则将width:100%和height:auto

如果要覆盖整个父元素,则高度:100%,宽度:100%

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何根据设备屏幕尺寸调整收藏视图单元格的大小?

SwiftUI如何调整不同的屏幕尺寸

根据屏幕尺寸更改图像src

如何根据屏幕尺寸调整页面上Divs的大小?

根据屏幕尺寸调整对象大小

如何根据容器而不是屏幕尺寸提供图像尺寸

如何调整裁剪图像的尺寸?

如何根据屏幕尺寸适当调整画布大小?Javascript(p5.js)[已解决]

移动版式未根据屏幕尺寸进行调整

如何根据不同的屏幕尺寸(例如平板电脑)在横幅部分制作横幅和图像

如何根据屏幕尺寸调整输入的大小(由用户在弹出窗口中选择)

根据屏幕自动调整图像

根据屏幕尺寸调整可绘制尺寸

如何根据屏幕尺寸调整网格图像的大小?

如何根据屏幕尺寸设置背景图像?

如何根据图像尺寸自动调整div的高度

根据屏幕尺寸显示正确的图像

如何快速调整图像尺寸?

根据显示尺寸自动调整图像大小

如何根据屏幕尺寸更改嵌入式背景图像?

每行6张图像,无论屏幕尺寸如何调整图像大小-HTML CSS3

根据屏幕尺寸调整 3D 游戏

如何根据屏幕尺寸 webform 调整 Datagridview 列的宽度和大小?

如何根据屏幕大小调整php中的图像大小?

Android 图像根据设备屏幕尺寸更改图像尺寸

如何根据屏幕尺寸预加载正确数量的图像?

如何根据屏幕大小调整背景图像?

根据颤动的屏幕尺寸调整类

如何根据屏幕大小裁剪图像而不是在网页中调整图像大小?