gpt4 book ai didi

javascript - DIV内容适合所有屏幕上的手机背景图像

转载 作者:行者123 更新时间:2023-11-28 02:36:26 25 4
gpt4 key购买 nike

我正在设计一个包含手机图像(Android 或 IOS 手机)的页面。我希望这张图片在桌面和平板电脑的页面中居中。在手机上(手机图像),它应该适合整个屏幕。另外,我想在图像顶部放置一些 html 内容。无论屏幕尺寸如何,背景手机图像和内容都必须适合。

这是我目前所做的

<html>

<head>
<style>
#con{
background-image: url('example.png');
background-size: contain;
background-repeat: no-repeat;
width: 100%;
height: 0;
padding-top: 66.64%;

}
</style>

</head>

<body>

<div style=" margin: 0 auto;">
<div id="con"></div>
</div>

</body>

</html>

最佳答案

你可以尝试使用@media做适配

关于javascript - DIV内容适合所有屏幕上的手机背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47386082/

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