Biotronique

Login

Article

画面サイズに応じた表示スタイル調整

Post by
tomo
Time
2016-01-16 22:30:00+09:00
Category
Publish

これまで画面サイズをピクセル数で判定していたのを実表示幅で判定するように修正した。

併せて、画面サイズをこれまでのモバイル-PCの2種類からスマフォ縦、スマフォ横、タブレットや小型PC、大きめのPC等のサイズを想定した4~5種類へとバリエーションを増やした。

23 inches In Edge on 23 inches landscape screenIn Edge on 23 inches landscape screen
13 inches In Edge on 13 inches landscape screenIn Edge on 13 inches landscape screen
6 inches In Edge on 6 inches landscape screenIn Edge on 6 inches landscape screen
4.5 inches Landscape In IE on 4.5 inches landscape screenIn IE on 4.5 inches landscape screen
Portrait In IE on 4.5 inches portrait screenIn IE on 4.5 inches portrait screen

表示スタイル変更

Post by
tomo
Time
2015-05-05 16:53:00+09:00
Category
Publish

実に久々に表示スタイル変更。

XHTML 2.0で書いてた頃に使っていたCSSを現在のHTML5で書かれた書式に合わせて書き直し、ついでにスマフォ等の小型画面にも対応させた。

PCMobile phone
Animals (~2015-05-05) Animals style in IE10 on PCAnimals style in IE10 on PC Animals style in IE10 on PCAnimals style in IE10 on PC
Cubix (2015-05-05~) Cubix style in IE10 on PCCubix style in IE10 on PC Cubix style in IE10 on PCCubix style in IE10 on PC

Face Book Comments

Notes