我需要在我的网站正文(右侧)旁边显示 2 个广告容器，但只有当我在桌面/屏幕尺寸 = 比我的网站容器宽度宽时才应显示广告。本网站主要针对移动设备，我不需要在移动设备上显示广告，因为我们无法在移动设备屏幕上显示此广告。
下面是我的 html 代码；
<div style="width:320px; height:500px; background-color:#C60; margin:0 auto;">Website</div>
<div id="ad-contextual" style="width:222px; height:150px; float:left; margin-right:20px; background-color:#39F;">Contextual Ads</div>
<div id="ad-sky" style="width:222px; height:600px; float:left; background-color:#996;">Skyscrapers Ads</div>
谢谢
最佳答案
通常我会说“使用 CSS3 媒体查询”，但在这种情况下隐藏框是不够的 - 你会以这种方式生成欺诈性 View ，特别是如果网站主要用于移动设备。
相反，使用 JavaScript 检测 if(screen.width > 800)(根据需要调整数字)，并且仅在条件为真时插入广告。
关于javascript - HTML/CSS 广告定位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14995624/