我创建了一个相当复杂的 Superscrollorama 动画,其中还包含一些响应式断点,并且它在大多数屏幕尺寸上都能流畅运行。但是,Safari(以及 iOS 版 Chrome)的工作方式有点不同,所以我不得不使用一个名为 iScroll 的脚本。甚至在Superscrollorama 的移动页面上, John 也提到这个解决方案非常耗费资源,并且只能用于较小的东西。现在,我的动画几乎不会在我的 iPad 4 或 iPhone 5 上滚动,所以我想我对“较小的东西”有点过头了。这很可悲。我真的很想能够说我完全响应了。:)
但是,我也想为移动用户提供一个不错的解决方案。我有一个 index.php 用于主站点,一个 index2.php 用于移动用户。
.htaccess 文件对我来说是中文的,你能给我一些帮助吗?我需要发生以下情况:
- 桌面用户得到 index.php 提供给他们的内容,并且 URL 栏显示 mydomain.co
- 移动用户获得 index2.php 提供的内容,并且 URL 栏仍然显示 mydomain.co
我有以下代码,甚至将 index2.php 重命名为 index.php 并将其放在 /mobile 中,但不知何故它不起作用:
RewriteCond %{REQUEST_URI} !^/mobile/.*$
RewriteCond %{HTTP_USER_AGENT} "android|blackberry|ipad|iphone|ipod|iemobile|opera|mobile|palmos|webos|googlebot-mobile" [NC]
RewriteRule ^(.*)$ /mobile/$1 [R=301,L]