縦と横
2018-02-05
どうも、ベッドから頭部だけ落ちて目覚めた氷翠です。
さて、日曜日は当番ということで、出勤していました。
そして、大きな電話もなく、日曜日専用のお仕事も早々に終わったので、一日中HTMLに専念していました。
現在はスマホでの表示に関して調整しています。
その中で気になったものが。。。
スマホで表示していたらこんな感じで。
注目するところは、下の方にあるページの上に戻るボタンです。
左はスマホを縦にして見ている状態。
ところが、横にすると…
こんな感じで△の大きさも変わってるし、縦幅が違う!
スマホは横にすると、全体の文字の大きさが変化していることは気づいていたけど、今回のこれは、文字の大きさは変化せず、周りの大きさとか、もうイライラする感じに変化しちゃっています。
で、解決方法としてあっているのかはわかりませんが、「@media」で指定することができる「縦」と「横」の場合のクエリーで、全く同じものを指定すると、この様に同じ状態にすることができる。
これでなんとかミッションはクリアできた。
これだけでも結構時間がかかってしまったので、作業ペースを上げていかないとw
コメントを残す