文章/答案/技术大牛

发布

问动态全屏图像启动页面
EN

Stack Overflow用户

提问于 2017-03-20 11:18:43

回答 1查看 498关注 0票数 1

我正试图为我的网站在bigcartel上建立一个简单的登录页面。我正在尝试得到它，这样一个全屏图像占据了整个页面，并在被点击后直接指向产品页面，经过大量的研究，这是我想出来的

<head>
<a href="/products">
<img title="click to enter" src="http://i.imgur.com/QC0IqJ9.gif"
style="width: 100%"; style="height: 100vh">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
 <
body {
background: src="http://i.imgur.com/QC0IqJ9.gif" ;
background-size: 100% 100%;
}
-->
<a {
 position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}>
</style>
   </a>
  {{ head_content }}
</head>

我的问题是，我无法让图像根据浏览器的分辨率进行拉伸和适配

html

image

image-size

splash-screen

scrapy-splash

回答 1

Stack Overflow用户

发布于 2017-03-20 11:37:42

你的<style>中有一些非常奇怪的标签，但我假设是Scrapy-Splash的一部分。问题特别出在您的线路background: src="http://i.imgur.com/QC0IqJ9.gif";上。您正在设置CSS，所以您不需要设置src，而是像这样设置一个url()：

body {
  background: url("http://i.imgur.com/QC0IqJ9.gif");
  background-size: 100% 100%;
}

<body>
</body>

希望这能有所帮助！:)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42895285

复制

相似问题

问动态全屏图像启动页面
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动态全屏图像启动页面EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问动态全屏图像启动页面
EN