html - 从 Facebook 重定向时没有响应页面

标签 html css

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

我在这里发布了两个案例的屏幕截图。

Accessed from smartphone browser

Accesed from redirect link from messenger

最佳答案

我想通了。我在经典网页中为菜单中的 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>

现在一切似乎都正常了:)

关于html - 从 Facebook 重定向时没有响应页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52691269/

相关文章:

javascript - 在 JQuery 中再次单击时如何将框高度恢复到原始状态?

javascript - 无法使 Gtranslate 语言在下拉列表中工作

html - @fontface 不适用于 IE9

html - 自定义 css 文件即使链接正确也无法启动 Bootstrap ?

html - iPad 和移动设备的媒体查询

iPhone HTML5 功能支持

java - 如何创建从 Netbeans 中的 Java servlet 返回到 index.html 或其他页面的链接?

asp.net - 如何覆盖服务器端控件的页面 CSS?

html - 仅取消悬停动画 CSS

css - IE9 中的 RGBa 未产生预期的结果