Question

我遇到了背景大小的问题：覆盖移动设备（在移动设备和Android上测试）。

有些时候，当用户展开更多信息框时，我的网页高度会发生变化。每当在移动设备上发生这种情况时，背景图像实际上会放大。在桌面上它不会。

我通过添加＆＃34;可滚动的＆＃34;来解决这个问题。 CSS中的图层，但这引入了更多问题。

有关如何解决此问题的任何建议，或者是＆＃34;可滚动的＆＃34;分层我唯一的选择？

我相信移动浏览器只是简单地调整背景，如果网站最初加载在＆＃34;扩展＆＃34;但是，在桌面上，它不会这样做。

Answer 1

使用响应式设计可以帮助您摆脱这些问题，该方法是为为桌面设备和移动设备创建网站的开发人员设计的。

我将举一个例子：

在CSS中你有：

@media screen and (max-width: 700px) {
.hide {
    display:none;
}}

在您的PHP / HTML中

<p class="hide"> tester 1234 </p>

这些将让您在屏幕尺寸大于700像素时显示文字，如果小于700像素则会消失。

我认为你现在应该能够为你的代码做一些修改，希望这有帮助。