技術メモ

positionプロパティを%で設定してみた!

こんばんは!

 

昨日今日と、WEBサイトのレスポンシブ対応やらやってます。

 

 

カフェの写真の上に、メンバー募集の文字を設定したくて、

 

その場合、positionプロパティで親要素をrelative、子要素にabsoluteを設定すればできるんですが、

 

子要素のほうでは、固定したい位置をきめるときに、

 

top(上から)何pxのところで、left(左から)何pxのところに固定するよって感じにできる。

 

だけど、pxで書くと、例えばPC画面いっぱいでの表示ではベストな位置でも、

 

スマホで見ると、変な位置になったりします💦

 

 

んで、代わりに%で書いてみたら、うまくいきました。

 

 

きっともっと正確ややり方もあるかもだけど、

 

だいぶマシになりました!

 

%はレスポンシブに必須な表現だと気づいた日でした~。笑

 

それにしても、WordPressまだ使い方分からない。。。

 

まだ使いやすさ実感できてないもどかしさ。笑

ももの公式メールマガジン

プログラミングに興味がある人やプログラミング学習を始めた人のために、

とっても大切なマインドについて公開しています。

 

私が思うに、マインドが整っていれば、どんな手段から学べます。

 

無料で学習しても、プログラミングスクールで学習したとしても自分の力にしていけます。

 

でもマインドが整っていないと、せっかくプログラミングスクールにお金を払っても、うまくいかなくて泣く思いをしてしまいます。

 

そんな風になってほしくないから、メルマガを始めました。

 

詳細はこちらのページを覗いてみて下さい^^

COMMING SOON...

-技術メモ

Copyright© とある新人SEは、走らない。 , 2021 All Rights Reserved Powered by AFFINGER5.