解放区在住氷翠メニュー

縦と横

HTML+CSS > 開発

2018-02-05 19:40

LINEで送る

どうも、ベッドから頭部だけ落ちて目覚めた氷翠です。

さて、日曜日は当番ということで、出勤していました。
そして、大きな電話もなく、日曜日専用のお仕事も早々に終わったので、一日中HTMLに専念していました。

現在はスマホでの表示に関して調整しています。

その中で気になったものが。。。


これが普通。

スマホで表示していたらこんな感じで。
注目するところは、下の方にあるページの上に戻るボタンです。
左はスマホを縦にして見ている状態。

ところが、横にすると…

こんな感じで△の大きさも変わってるし、縦幅が違う!

スマホは横にすると、全体の文字の大きさが変化していることは気づいていたけど、今回のこれは、文字の大きさは変化せず、周りの大きさとか、もうイライラする感じに変化しちゃっています。

で、解決方法としてあっているのかはわかりませんが、「@media」で指定することができる「縦」と「横」の場合のクエリーで、全く同じものを指定すると、この様に同じ状態にすることができる。
これでなんとかミッションはクリアできた。

これだけでも結構時間がかかってしまったので、作業ペースを上げていかないとw

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.