目次一覧
状態:-
閲覧数:1,125
投稿日:2020-03-16
更新日:2020-03-16
比較一覧表 / 個人的評価 / 注意点
比較一覧表 / 個人的評価 / 注意点
比較一覧表
指定 | 語源 | 内容 | 基準 | デメリット | 評価 |
---|---|---|---|---|---|
px | - | サイズを絶対値指定する | - | レスポンシブに対応しづらくなる可能性が高い | 極力使用しない |
% | - | サイズを相対値値指定する | 親要素 | レスポンシブと相性が良い | 使用する |
em | - | サイズを相対値値指定する | 親要素 | - | あまり使用しない。複雑なCSSだと、予期せぬ他への影響が生じることがあるため |
rem | 「root em」の略 | サイズを相対値値指定する | ルート要素 | - | 使用する。基準が一元管理されることになるため、後からの修正が容易 |
vw | viewport width | ビューポートの幅に対する割合(1/100) | ビューポート | - | あまり使用しない |
vx | viewport height | ビューポートの高さに対する割合(1/100) | ビューポート | - | あまり使用しない |
vmin | viewport minimum | ビューポートの幅と高さのうち、値が小さい方に対する割合(1/100) | ビューポート | - | あまり使用しない |
vmax | viewport max | ビューポートの幅と高さのうち、値が大きい方に対する割合(1/100) | ビューポート | - | あまり使用しない |
個人的評価
ビューポート
・初めて知った際、何でも出来る「打出の小槌」かと期待するも、そうではなかった
・実際に試すと分かるが、パソコンとモバイルは縦横画面比率が異なる
・画面比率に応じて一律に文字大きさ等を変更しても、見た目は良い感じにならない
注意点
width は必ず親要素の width に対する割合で計算される
height は必ず親要素の height に対する割合で計算される
Twitter検索結果。「単位」に関する最新ツイート
心配はなちゃん「100人単位でフォロワーさん減ってる気がするけど皆さん生きとりますか?生きてたら猫ちゃんの写真か食べ物の写真くださいな〜🌸」 https://t.co/cR8jjfGxu6 2023/02/03 11:59

器が小さいなと思う男性の特徴は?
割り勘編!
・食事代を1円単位で割り勘にする
・駐車料金も割り勘
・デートで財布すら出したがらない
・自分から誘っておいて、全然おごらない
https://t.co/qIIeCDc0f1 2023/02/05 07:17

寮は楽しいけどね、単位は落ちていくよね 2023/02/05 07:17
★★☆☆☆
SI基本単位によるSI組立単位
磁界の強さの単位 [A/m](アンペア毎メートル) 2023/02/05 07:17
億単位をやっていく為には圧倒的な人を凌駕する何かしらの自分の能力と孤独に勝つ力が必要。突き抜ける前に馴れ合いとか早い。-からくり兄貴 2023/02/05 07:16
(単位)落ちたぞ 2023/02/05 07:15
神大あほ時報が07:15をお知らせします.
今日のラッキーアイテムは誰かが落としていった単位です. 2023/02/05 07:15
金型の原価償却とカスタムチップの購入数で万単位で販売しないと黒字化できないのに対して、販売数が月間50台を切る時もある状況だったこと 2023/02/05 07:13
面積の単位の一つです 立(リットル) 2023/02/05 07:13
歴史B 94点
単位貰ったー! 2023/02/05 07:12
@yoshi19440819 せめて千の単位で署名持って来いって感じですね。 2023/02/05 07:12
@yuki8marketer 実は
小学3年生で習う単位に、
あた
つか
があります📖 2023/02/05 07:11