ﾃﾞﾊﾞｲｽの画面ｻｲｽﾞ及び縦横を判別
【縦はｽﾏﾎCSS：横はﾀﾌﾞﾚｯﾄCSS】
見よう見まねでｽﾏﾎ対応を進めてきましたが、ｽﾏﾎならではの「ﾌﾘｯｸ：ｽﾜｲﾌﾟ」横ｽｸﾛｰﾙﾒﾆｭｰも動くようになり自己満足していました。
ところが、ｽﾏﾎ本体を横回転すると見事にﾚｲｱｳﾄが崩れています。（汗！！）
例によってﾈｯﾄ検索すると、「ﾃﾞﾊﾞｲｽの画面ｻｲｽﾞ及び縦横を判別」し、CSSを適用する方法がありました。
結局「基本用：ｽﾏﾎ縦画面用：ﾀﾌﾞﾚｯﾄ縦画面用：横画面用：PC用」を準備し、「ｲﾝﾃﾞｯｸｽﾃﾝﾌﾟﾚｰﾄ ｽﾀｲﾙｼｰﾄ」で切り分けることにします。
【ｲﾝﾃﾞｯｸｽﾃﾝﾌﾟﾚｰﾄ ｽﾀｲﾙｼｰﾄに、CSSの切り分けを指定】
「Googleｸﾛｰﾑ ﾃﾞﾍﾞﾛｯﾊﾟｰﾂｰﾙ」のｼﾐｭﾚｰｼｮﾝは大活躍です。
実物のｽﾏｰﾄﾌｫﾝ横回転時も、きれいに表示できています。（あーうれしっしゃ！！！）
【縦はｽﾏﾎCSS：横はﾀﾌﾞﾚｯﾄCSS】
見よう見まねでｽﾏﾎ対応を進めてきましたが、ｽﾏﾎならではの「ﾌﾘｯｸ：ｽﾜｲﾌﾟ」横ｽｸﾛｰﾙﾒﾆｭｰも動くようになり自己満足していました。
ところが、ｽﾏﾎ本体を横回転すると見事にﾚｲｱｳﾄが崩れています。（汗！！）
例によってﾈｯﾄ検索すると、「ﾃﾞﾊﾞｲｽの画面ｻｲｽﾞ及び縦横を判別」し、CSSを適用する方法がありました。
結局「基本用：ｽﾏﾎ縦画面用：ﾀﾌﾞﾚｯﾄ縦画面用：横画面用：PC用」を準備し、「ｲﾝﾃﾞｯｸｽﾃﾝﾌﾟﾚｰﾄ ｽﾀｲﾙｼｰﾄ」で切り分けることにします。
【ｲﾝﾃﾞｯｸｽﾃﾝﾌﾟﾚｰﾄ ｽﾀｲﾙｼｰﾄに、CSSの切り分けを指定】
「Googleｸﾛｰﾑ ﾃﾞﾍﾞﾛｯﾊﾟｰﾂｰﾙ」のｼﾐｭﾚｰｼｮﾝは大活躍です。
実物のｽﾏｰﾄﾌｫﾝ横回転時も、きれいに表示できています。（あーうれしっしゃ！！！）
コメントする