Question

我的网站https://zaplata.sk遇到响应性问题当我尝试通过智能手机上的浏览器访问网页时，该网站已完全响应。但是，当我尝试从Messenger的链接中打开它时，显示的是PC版本包裹在手机大小中的内容。

在这里，我发布了这两种情况的屏幕截图。

Accesed from redirect link from messenger

Answer 1

我知道了。我在经典网页中的菜单中为PC分辨率添加了一些图标。但是，我没有将它隐藏在响应状态，所以我在CSS中创建了类

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

并通过div

应用

<div class="site_logos">
            <p align="right">
                <a href="https://www.facebook.com/zaplata.sk" target="_blank"><img style="margin : 1.5px 20px" src="https://zaplata.sk/wp-content/uploads/2018/09/fb_logo.png" width="33px"/></a>
                <a href="https://www.instagram.com/zaplata.sk/" target="_blank"><img style="margin : 1.5px 100px 0px 0px" src="https://zaplata.sk/wp-content/uploads/2018/09/instagram.png" width="33px"/></a>
            </p></div>

现在一切似乎都可以工作了：）

从Facebook重定向时无响应页面

1 个答案: