所以 Chrome 在这里适用于 iOS .. 万岁!
然而现在由于不同的屏幕布局(没有页脚工具栏),它与为 iphone 网页制作完美布局的能力相混淆。
我的公司有一个网站,它完美地位于 iphone 屏幕内,不需要滚动,它看起来像一个应用程序。然而,现在 chrome 以其不同的屏幕布局在这里(并且广受欢迎),为 iphone safari 调整大小的网站现在看起来很奇怪。
是否存在或将存在将 chrome 从 safari 中分离出来并为它们提供不同 CSS 的方法?
所以 Chrome 在这里适用于 iOS .. 万岁!
然而现在由于不同的屏幕布局(没有页脚工具栏),它与为 iphone 网页制作完美布局的能力相混淆。
我的公司有一个网站,它完美地位于 iphone 屏幕内,不需要滚动,它看起来像一个应用程序。然而,现在 chrome 以其不同的屏幕布局在这里(并且广受欢迎),为 iphone safari 调整大小的网站现在看起来很奇怪。
是否存在或将存在将 chrome 从 safari 中分离出来并为它们提供不同 CSS 的方法?
您可以检查用户代理,因为移动版 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 看看: