将元素置于响应式设计中

Question

我想在我的网站上展示广告。我尝试使用div（代码如下）。它适用于大屏幕，但是当涉及移动设备时，一半广告被推出屏幕。如果之前有人问过，请道歉。

<div style="text-align: center;">
<div style="width: 640px; margin-top: 20px;">
 AD CODE COMES HERE</div>
</div>

先谢谢

Answer 1

因为您设置了AD div的固定宽度。尝试将其设置为宽度百分比：60％。

Answer 2

将max-width添加到ad元素

<div style="text-align: center;">
<div style="width: 640px; margin-top: 20px;max-width:100%;">
 AD CODE COMES HERE</div>
</div>