0

ページの左側に絶対位置が固定された div ボックスがあります。PC で見栄えがよく、ユーザーの邪魔にならないようにしています。ただし、ページがモバイル デバイスから読み込まれると、画面の左側がコンテンツの端にあるため、画面の左側がはみ出すことはなくなり、左側のコンテンツの一部がこのアブソリュート ボックスで覆われるようになりました。 . 私の目標は、この 1 つの特定の div ボックスのみを PC に表示し、モバイル デバイスに読み込まないようにすることです。

CSS:

.harry {
float: left;
padding: 5px 0 0 0;
margin: 0;
position: absolute;
left: 0px;
top: 100px;
z-index: 999999;
}


HTML

<div class="harry">

<big><p><a href="javascript:popup('Logical Position has served over 250,000,000 impressions on Google, Yahoo!, Bing and Facebook for thousands of clients in the United States, Canada, Mexico and Europe!');"><img src="images/side-harry.png" height=200 /></a>    </p></big>

</div>
4

1 に答える 1

1

1 つの方法は、CSS3 メディア クエリを設定し、モバイル デバイスが検出されたときにその div を非表示にすることです。

@media screen and (max-device-width: 480px) {
  .harry {
    display: none;
  }
}
于 2012-12-22T03:00:50.530 に答える