同一URLでの振り分けをしたいがスマホのサイトだけ404エラーが出てしまう

前提・実現したいこと

はじめまして、独学でホームページ作成をしている者です。
レシポンシブデザインがまだ出来ないため同一URLでの振り分けを考えています。
色々と調べてみたら.htaccessを使えば振り分けが出来るとのことで、
エックスサーバーにある.htaccessを編集しiPhoneで確認をしたところ404エラーが出てしまいました。
どうすれば振り分けが上手くいくでしょうか？
.htaccessというフォルダを作るということでしょうか。
何日も調べてみたのですが分からなく困っています。

発生している問題・エラーメッセージ

404エラー

該当のソースコード

RewriteEngine on
 
RewriteCond %{REQUEST_URI} !/sp/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|iPad|Android|Windows\ Phone)
RewriteRule ^(.*)$ /sp/$1 [L]

試したこと

エックスサーバーの.htaccesee編集に元から書いてあるソースコードを消してみたりしました。

補足情報（FW/ツールのバージョンなど）

フォルダ構成

ドメイン
├ index.html (PCサイト)
└ sp
└ index.html (SPサイト)

SetEnvIf Request_URI "." Ngx_Cache_NoCacheMode=off
SetEnvIf Request_URI "." Ngx_Cache_StaticMode

RewriteEngine onPH

RewriteCond %{REQUEST_URI} !/sp/
RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|iPad|Android|Windows\ Phone)
RewriteRule ^(.*)$ /sp/$1 [L]

こちらが.htaccessのパスです。
フォルダを作らないといけないとかはありますか？
エックスサーバーの.htaccessを編集しかしていないので。。

404エラーの意味は理解しておりますが、何者かまではお恥ずかしいですが理解不足です。
PHPなどでも私は十分いいんですがまだまだ勉強不足なので手を出せていない状態です。

m.ts10806

2018/10/15 01:26

404がなんのエラーか、.htaccessが何者かはどの程度認識ありますでしょうか。特に後者についてはサーバーに影響があるもののため、例えばphpとかサーバー側の言語で切り替えた方が容易いですし、レスポンシブしたければcssフレームワーク導入が手っ取り早いですが、.htaccessによる振り分けでないといけない感じですか？

rogueref

2018/10/15 02:40

問題なさそうですけどね。.htaccessの他部分がよくないかもしれません。.htaccessの全部、apache設定ファイルの全部、それと.htaccessのパスを公開してみてください。

hiro_0000

2018/10/15 11:14

SetEnvIf Request_URI ".*" Ngx_Cache_NoCacheMode=off SetEnvIf Request_URI ".*" Ngx_Cache_StaticMode RewriteEngine on RewriteCond %{REQUEST_URI} !/sp/ RewriteCond %{HTTP_USER_AGENT} (iPod|iPhone|iPad|Android|Windows\ Phone) RewriteRule ^(.*)$ /sp/$1 [L]