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

佐治

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

阿基列什·库玛(Akhilesh Kumar)

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

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

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

根据屏幕尺寸调整div框

来自分类Dev

根据屏幕自动调整图像

来自分类Dev

jQuery的图像替换在屏幕尺寸调整

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何快速调整图像尺寸?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

根据屏幕尺寸更改图像src

来自分类Dev

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

来自分类Dev

如何获得播放列表以根据屏幕尺寸调整自身大小?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何使网站(图像/表格)按比例调整大小以适合屏幕尺寸

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何根据屏幕尺寸更改背景图像,可能使用Bootstrap

来自分类Dev

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

来自分类Dev

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

来自分类Dev

如何仅显示将根据屏幕尺寸而变化的宽幅图像的中心

来自分类Dev

获取客户端屏幕尺寸并调整图像大小

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

    根据屏幕尺寸调整div框

  7. 7

    根据屏幕自动调整图像

  8. 8

    jQuery的图像替换在屏幕尺寸调整

  9. 9

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

  10. 10

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

  11. 11

    如何快速调整图像尺寸?

  12. 12

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

  13. 13

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

  14. 14

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

  15. 15

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

  16. 16

    根据屏幕尺寸更改图像src

  17. 17

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

  18. 18

    如何获得播放列表以根据屏幕尺寸调整自身大小?

  19. 19

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

  20. 20

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

  21. 21

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

  22. 22

    如何使网站(图像/表格)按比例调整大小以适合屏幕尺寸

  23. 23

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

  24. 24

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

  25. 25

    如何根据屏幕尺寸更改背景图像,可能使用Bootstrap

  26. 26

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

  27. 27

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

  28. 28

    如何仅显示将根据屏幕尺寸而变化的宽幅图像的中心

  29. 29

    获取客户端屏幕尺寸并调整图像大小

热门标签

归档