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>

我的问题是我无法根据浏览器分辨率拉伸和调整图像

4

1 回答 1

0

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

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

希望这可以帮助！:)

于 2017-03-20T03:37:42.457 回答