我正在尝试为我的移动版网站制作 320x50 移动广告。我希望广告横跨移动设备的整个 width。然而，广告显示得很小，而不是我 iPhone 的整个 宽度，它会随着内容滚动。
我在我的网页中使用此代码来调用移动 css
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="mobile2.css" />
然后在我试过的css中
div#mobilead {
width:100%;
}
我需要广告显示在屏幕底部，并且即使在滚动时也保持在原位。 任何想法将不胜感激，谢谢!
这里是要求的全部代码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="mobile2.css" />
</head>
<body>
<div id="mobileB">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- TWF_mobile_banner_adsense -->
<ins class="adsbygoogle"
style="display:inline-block;width:320px;height:50px"
data-ad-client="ca-pub-xxxxxxxxx"
data-ad-slot="6479374699"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>
然后是CSS
#mobileB {
position: absolute;
bottom:0;
left:0;
z-index: 99;
width:100%;
height:50px
}
}
最佳答案
您确定将此 CSS 作为最优先的 CSS 吗？现在展示的广告有多大？
如果您确定它的高度始终相同，我也会首先向 div 添加静态高度。
关于css - 需要在屏幕底部放置移动广告单元，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21100492/