デバイスの横のサイズを扱うCSSのvwを使ってデバイスのサイズをデザインで扱うサンプルです。デザイン配置スマホならではCSSviewport[html]vw[css]viewportが「width=device-width」のとき、デバイスの横幅のサイズはユーザの端末次第となります。その設定の場合、横幅をデザインで扱いたい時vwという単位が便利です。以下CSSが100%と100vwのサンプルです。ボタンを押してみてください。width:100%;width:100%;width:100vw;width:100vw;100vwと書くとデバイスの横幅いっぱいを表します。半分なら50vwと書きます。#FFF;}それぞれのクラスを要素に設定してます。CSSで目一杯の横幅を使うと親の要素の余白を継承するので、画面をはみ出してしまう場合があります。そのときの回避のjQueryのサンプルも用意しました。}});});つまり、表示寸前に要素のXY座標を拾って、要素の横の位置をマイナスしています。良い方法があれば、随時更新いたします。