gpt4 book ai didi

html - 自动调整图像

转载 作者:太空宇宙 更新时间:2023-11-03 23:00:11 25 4
gpt4 key购买 nike

我正在尝试制作一个简单的网页,当您打开它时,名为“wallpaper.jpg”的照片会根据您的窗口大小进行调整,因此没有滚动条。如果重要的话,照片是 1920 x 1080

目前我有:

<html>

<body bgcolor = "#000000">

<style>

img {
height:100%;
width:100%;
}

</style>

<img src = "wallpaper.jpg">

</body>

</html>

但它仍然留下一个垂直滚动条

最佳答案

要事第一:

  • 不要使用已弃用的 bgcolor

  • 您应该重置 body 上的 margin,因为默认情况下它有 margin:8px(该值可能因浏览器而异) ), 去除周围的空白。

然后使用 img 如果 img height 高于视口(viewport) height 你总是会有一个垂直滚动条>(如果 img 没有具有 width 的父级)

因此解决方案是使用图像作为背景,使用cover使其整页响应

body {
margin: 0;
background: url("//placehold.it/1920x1080") fixed no-repeat center center / cover
}

`

关于html - 自动调整图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36831004/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com