Html 图像覆盖另一图像

在 我有以下代码：

<div>
    <center><a href="foo.html"><img src="images/ipadframe.png" width="200" height="300"></a></center>
  </div>  
<div style="position:absolute; left:233; top:35;">
    <img src="images/xclomobi.jpg" width="152" height="233">
</div>
            <div class="section_w280 fl">
                <ul class="future_project"><br><br>
                    <li>Website: <a href="#" target="new">#</a></li>
                    <li>Role:<font size="2"> CSS / PHP / MYSQL</font></li>
                    <li>#li>
                </ul>
                <div class="cleaner"></div>
            </div>


            <div class="section_w140 fr"><br><br>
                <div class="rc_btn_02"><a href="#">Visit</a></div>
                <div class="cleaner"></div>  
                </div>      

            <div class="margin_bottom_20 border_bottom"></div>         
</div>

网站：
角色：CSS/PHP/MYSQL
#李>

它可以完美地显示在我的桌面上，但不能显示在我的ipad或更小的屏幕上

如何编辑上面的div样式，以便在上面列出的设备上查看时加载或读取替代代码？

---

有没有一种方法可以让它在任何设备上都能正确显示

您需要的是通过使用

@media

查询实现响应式设计

iPAD纵向和横向

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）{/*样式在此处*/}

iPAD环境

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：横向）{/*样式在此处*/}

iPAD人像

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：纵向）{/*样式在此处*/}

通过使用此选项，您可以仅为该设备设置CSS样式。。。

---

还需要阅读…

您需要的是通过使用

@media

查询实现响应性设计

iPAD纵向和横向

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）{/*样式在此处*/}

iPAD环境

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：横向）{/*样式在此处*/}

iPAD人像

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：纵向）{/*样式在此处*/}

通过使用此选项，您可以仅为该设备设置CSS样式。。。

---

还需要阅读…

您需要的是通过使用

@media

查询实现响应性设计

iPAD纵向和横向

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）{/*样式在此处*/}

iPAD环境

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：横向）{/*样式在此处*/}

iPAD人像

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：纵向）{/*样式在此处*/}

通过使用此选项，您可以仅为该设备设置CSS样式。。。

---

还需要阅读…

您需要的是通过使用

@media

查询实现响应性设计

iPAD纵向和横向

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）{/*样式在此处*/}

iPAD环境

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：横向）{/*样式在此处*/}

iPAD人像

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：纵向）{/*样式在此处*/}

通过使用此选项，您可以仅为该设备设置CSS样式。。。

---

还需要阅读…

我发现自己跳进的另一个选择是像or这样的响应性框架。它们提供了数量惊人的组件，让您在创纪录的时间内实现快速响应。两者都有各自的优点和缺点，你应该评估哪一个适合你的需要。

我发现自己跳进的另一个选择是像或这样的响应性框架。它们提供了数量惊人的组件，让您在创纪录的时间内实现快速响应。两者都有各自的优点和缺点，你应该评估哪一个适合你的需要。

我发现自己跳进的另一个选择是像或这样的响应性框架。它们提供了数量惊人的组件，让您在创纪录的时间内实现快速响应。两者都有各自的优点和缺点，你应该评估哪一个适合你的需要。

我发现自己跳进的另一个选择是像或这样的响应性框架。它们提供了数量惊人的组件，让您在创纪录的时间内实现快速响应。两者都有各自的优点和缺点，您应该评估哪一个适合您的需要。

要使您的站点在移动或更小的屏幕上正确显示，您应该使用

响应式设计

。有关更多信息，请查看此处。您还应注意，

center>

元素已被弃用。如果无法同时在两个div中显示，那么在较小的屏幕上会发生什么情况？要使您的站点在移动或较小的屏幕上正确显示，您应该使用

响应式设计

。有关更多信息，请查看此处。您还应注意，

center>

元素已被弃用。如果无法同时在两个div中显示，那么在较小的屏幕上会发生什么情况？要使您的站点在移动或较小的屏幕上正确显示，您应该使用

响应式设计

。有关更多信息，请查看此处。您还应注意，

center>

元素已被弃用。如果无法同时在两个div中显示，那么在较小的屏幕上会发生什么情况？要使您的站点在移动或较小的屏幕上正确显示，您应该使用

响应式设计

。有关更多信息，请访问l