gpt4 book ai didi

html - 如何使方形图像适合整个屏幕并避免滚动?

转载 作者:行者123 更新时间:2023-11-28 06:01:48 25 4
gpt4 key购买 nike

我对 html/css 略知一二,但不是专家。我有一个 7,20cm x,7,20cm 的图像,它完美地填满了我的屏幕尺寸,但是当我在更大的屏幕上查看它时,它变得太大,所以你有滚动条,它看起来并不令人愉快......如何我可以在更大的屏幕上达到同样的效果吗?提前感谢您的所有回答。

HTML

<body>
<div class="logo">
<a href="projects.html" class="transition">
<img src="lg.png" width="40%" alt="" />
</a>
</div>
<footer>copyright 2016 matic toni</footer>

</body>

CSS

@charset "utf-8";
div {
text-align: center;
padding-bottom: 30px;
}
body {
/* background-image: url(background.jpg);
background-sizce: cover; */
background-color: #F6F6F6;
}

.logo {
padding-top:3%;
}

footer {
font-family:"Proxima";
clear: both;
color: black;
font-size: 100%;
margin-top: 5%;
margin-right: 5%;
margin-left: 5%;
text-align: center;

}

li a img {
padding-top: 3%;
}

@font-face {
font-family: Proxima;
src: url(Fonts/Proxima_Regular.otf);
}
img.logo { max-width: 100%;

}

最佳答案

尝试类似的方法

background-image: url("background.jpg");
background-attachment: fixed;
background-size: 100%;
background-repeat: no-repeat;
overflow: hidden;

请注意,这不是优化的,而是为了便于修改而组织的。

关于html - 如何使方形图像适合整个屏幕并避免滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36702679/

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