1

我有以下代码，显示图片：

<html>
<head>
<style>* {margin:0;padding:0;}</style>
</head>
<body style="margin: 0; padding: 0">
<center>
<script type='text/javascript'><!--//<![CDATA[
   var m3_u = (location.protocol=='https:'?'URL1':'URL2');
   var m3_r = Math.floor(Math.random()*99999999999);
   if (!document.MAX_used) document.MAX_used = ',';
   document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
   document.write ("?zoneid=1");
   document.write ('&amp;cb=' + m3_r);
   if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
   document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
   document.write ("&amp;loc=" + escape(window.location));
   if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
   if (document.context) document.write ("&context=" + escape(document.context));
   if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
   document.write ("'><\/scr"+"ipt>");
//]]>--></script><noscript><a href='URL3' target='_blank'><img src='URL4' border='0' alt=''/></a></noscript>
</center>
</body>
</html>

而且我想让图片适合屏幕，我试图将 width="100%" 放在 img 中，放在 a href 中......但它总是相同的大小。

我怎样才能做到？

4

3 回答 3

2

你可以使用backstretchjquery。Backstretch是一个 jQuery 插件，允许您将动态调整大小的背景图像添加到任何页面。图像将拉伸以适应页面，并随着窗口大小的变化自动调整大小。

这是一个例子：

http://srobbin.com/jquery-plugins/backstretch/

于 2013-05-10T16:15:02.580 回答
0

您可以做的是将图像作为元素的背景并让元素覆盖整个屏幕。（而且你不需要任何 JS，只需要 HTML 和 CSS。）
示例：

HTML

<a id="imgA" href='http://www.stackoverflow.com' target='_blank' /a>

CSS

#imgA {
    background-image: url(<url_to_img>);

    /* Make the image cover the whole element area */
    background-size: 100%;

    /* Make the element occupy the whole window */
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

现场演示在这里。

（另外，请注意，如果您不需要链接功能，可以将<a>元素替换为<div>.）

于 2013-05-10T16:22:16.517 回答
0

根据文档，您可以尝试添加背景封面以适合屏幕上的图像

#img
{
background:url(img.jpg);
background-size:cover;
}
于 2015-04-25T15:02:07.747 回答