Joh*_*les 9 html css google-chrome twitter-bootstrap bootstrap-4
我有一个网站,如果按照我的设计方式看,它看起来不错。每次我从Android上的Chrome浏览器访问它时,屏幕底部都会提示我“显示简化视图”。如果我单击该提示以简化视图实际查看它,则该站点将仅显示1个新闻项(在页面上应该显示25个),它将删除所有控件(登录,添加新闻项,评论)并滚动不再工作了。还有其他多个问题(标题/图像/文章摘录不匹配,缺少配色方案等)。这仅发生在Google Chrome上,我测试过的其他浏览器都没有。
我看不到其他网站上切换到简化视图的提示。我的偏好是在我的网站上放置一个标记,使其从不显示此提示。我已经在谷歌上搜索了,但是我只找到了有关如何从Chrome打开功能的文章,却没有关于如何从服务器端禁用功能的文章。
我的第二个想法可能是使用这种简化的视图,并使它对想要使用它的人起作用。但是,我已经读到它也阻止了所有广告,并且我的网站仅受广告支持,因此如果我绝对不能阻止该提示出现,那么这是遥不可及的一秒钟。
总结一下:
我找到的答案是根据媒体宽度更改字体大小,并且一旦字体大小足够大到可以在我使用的移动设备上读取时,它就不再建议使用简化视图。使用的确切代码是:
@media (max-width: 540px) {
body {
font-size:18px !important;
}
}
Run Code Online (Sandbox Code Playgroud)
很简单。