Bootstrapを使ってテストページを1つ組んだのですが、スマホ対応はレスポンシブではなく、別に一からデザインして組もうとしてます。

ざっと調べると、メディアサイズかユーザーエージェント（UA)で判断して、PC／スマホそれぞれのCSSを読み込ませるようですね。しかし、HTMLは共通でCSSを分けてコーディングをするというのは、素人の自分にはムリです。全体が崩壊します。

スマホサイトをスクラッチでコーディングすることに抵抗はないのですが、これでは同じコンテンツなのに、PCとスマホのURLが二つできてしまいます。一つのURLでPC／スマホを振り分けてそれぞれのHTMLとCSSを読み込ませることは可能でしょうか。
いくつかのPC／スマホ対応サイトのソースを眺めていたら、一つのURLなのにソースは明らかに変わってましたので、どうやって振り分けているのだろうかと考えていたのですが、よくわからないのでどなたか教えて下さい。