OStack程序员社区-中国程序员成长平台

标题: iPhone上chrome的CSS标签/媒体查询 [打印本页]

作者: 菜鸟教程小白    时间: 2022-12-13 14:34
标题: iPhone上chrome的CSS标签/媒体查询

所以 Chrome 在这里适用于 iOS .. 万岁!

但现在由于屏幕布局不同(没有页脚工具栏),它无法为 iphone 网页制作完美布局。

我的公司有一个网站,它完美地位于 iPhone 屏幕内,无需滚动,看起来就像一个应用程序。然而,现在 chrome 以其不同的屏幕布局在这里(并且广受欢迎),为 iphone safari 调整大小的网站现在看起来很奇怪。

是否存在或将存在将 chrome 从 safari 中分离出来并赋予它们不同 CSS 的方法?



Best Answer-推荐答案


您可以检查用户代理,因为移动版 chrome 包含“CriOS”字样。根据这一点,您可以加载不同/额外的样式表。

Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en) AppleWebKit/534.46.0   
(KHTML, like Gecko) CriOS/19.0.1084.60 Mobile/9B206 Safari/7534.48.3

见:https://developers.google.com/chrome/mobile/docs/user-agent

你可以用JS只用两行检查它:

var userAgent = navigator.userAgent.toString().toLowerCase();
if(userAgent.indexOf('crios') != -1) { alert('you are using chrome for ios') }

对于 PHP 看看:

http://be2.php.net/manual/en/function.get-browser.php

关于iPhone上chrome的CSS标签/媒体查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11343762/






欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) Powered by Discuz! X3.4