Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8651

メディアクエリ_HTML&CSS_20200118

$
0
0

https://bitsofco.de/how-calc-works/
https://coliss.com/articles/build-websites/operation/css/how-calc-works-by-ire.htmla
【calc()】
CSS関数
加算、減算、乗算、除算が可能

width: calc(100% - 50px);
幅いっぱいから50px引いた幅を指定

width: 33.33%;

width: calc(100% / 3);

HTML


CSS
media (max-width: 670px) {
.u-display__pc {
display: none;
}
}
画面幅が671px以上の場合には改行を行う。
画面幅が670px以下の場合には改行を行わない。
これにより、スマホなどで表示を行う際に綺麗に枠に合わせた文字出力が行われる。

CSS
position: fixed;
メニューの画面上部固定などに使える

transform: rotate();
要素を回転表示する(使い方わからない)


Viewing all articles
Browse latest Browse all 8651

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>