HTMLやCSSを学びたての頃はとりあえずpx単位で指定することが多いと思います。その後、emやremなどいろんな単位が出てきて混乱することもあるかもしれません。 それぞれの単位にはメリットとデメリットがあり、なぜその単位を使うのかをしっかりと理解して使い分ける必要があります。 単位の定義CSSには多くの単位が存在します。ここでは、実際に使うことの多い単位について詳しくみていきます。 px単位 デバイスの1ドットを表す絶対的な値です。ただし、プリンターやスマホなどの高解像度デバイスでは1px内に複数のドットを含む場合があります。 現在、ほぼすべてのブラウザで小数点pxを表すことができますが、borderなど一部プロパティでは小数点pxを許容しない仕様もあります。 em単位 その要素自身のfont-size値を基準として相対的な値となります。たとえば、paddingプロパティに指定した場合を