レスポンシブWEBデザインについて

レスポンシブWEBデザインのフルスクリーンスライダーに関して

こちらのサイト内デモのフルスクリーンスライダーなのですが
http://www.alessioatzeni.com/blog/brushed-templa …
スマホ表示にするとフルスクリーン画像が切り取られ中央の一部しか表示されなくなってしまいます。
スマホ用きちんと画像のすべてを表示するにはどこをいじればいいのでしょうか？

UIが気に入っているのでぜひこちらのテンプレートを使用したいのですが
これだけが難点です。

御教授ください。

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2013/09/11 11:29

＞スマホ用きちんと画像のすべてを表示するには

　スマホを横向きにすると・・

　背景画像の縦横比(アスペクト比)を変えずに背景を覆う設定にされていると思います。
　横長でも縦長--縦や横のいずれが切り取られてもよいような背景画像を選択しましょう。
background-size:をcontainからcoverに変更すると、すべてが表示されるが、上下や左右の何れかが切り取られるでしょう。
100% 100%にすると、伸縮(アスペクト比を変更)して表示されるのでは？？

この回答へのお礼

横向き！
ページに入る前に注釈でスマホは横にして見てくださいと書いておけばすべてが解決しそうです。
縦しか考えてませんでした。
ありがとうございます。
ベストアンサーとさせて頂きます。

お礼日時：2013/09/11 11:56