Skip to main content
本文に 60 文字追加
ソース リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64

今CSSを学んでいるのですが、
 素朴な疑問として、サイズにおける px の使用するタイミングが知りたいです。

デザイン・コーディングしてて思うのが、pxで指定するとよくレイアウト崩れや、ウインドウサイズを変えたときに縦横比を保ったまま伸縮されなくて困ったりします。
なので、pxより%で指定したほうがいいのかと思ったりします。
pxの使用どころはどういったタイミングなのでしょうか?

特に具体的なシチュエーションとして、
 レスポンシブデザインのデザイン・コードで既存のものでpxが使われていたりします。(margin,padding,border,heightなど)
レスポンシブなので絶対値が設定されていると不具合が起きそうですが、それはどうなのでしょうか?

教えて頂けますと幸いです。


【追記】
こういった記事も見つけました。
https://note.com/takamoso/n/nde1275183086

メディアクエリ → em
font-size → em / rem
borderなど常に見た目が変わらない → px
それ以外 → em / remちゃんと使い分けてる?CSSのpx, em, rem, %, vw単位の違い

メディアクエリ → em
font-size → em / rem
borderなど常に見た目が変わらない → px
それ以外 → em / rem

一つの参考に致します。

今CSSを学んでいるのですが、
 素朴な疑問として、サイズにおける px の使用するタイミングが知りたいです。

デザイン・コーディングしてて思うのが、pxで指定するとよくレイアウト崩れや、ウインドウサイズを変えたときに縦横比を保ったまま伸縮されなくて困ったりします。
なので、pxより%で指定したほうがいいのかと思ったりします。
pxの使用どころはどういったタイミングなのでしょうか?

特に具体的なシチュエーションとして、
 レスポンシブデザインのデザイン・コードで既存のものでpxが使われていたりします。(margin,padding,border,heightなど)
レスポンシブなので絶対値が設定されていると不具合が起きそうですが、それはどうなのでしょうか?

教えて頂けますと幸いです。


【追記】
こういった記事も見つけました。
https://note.com/takamoso/n/nde1275183086

メディアクエリ → em
font-size → em / rem
borderなど常に見た目が変わらない → px
それ以外 → em / rem

一つの参考に致します。

今CSSを学んでいるのですが、素朴な疑問として、サイズにおける px の使用するタイミングが知りたいです。

デザイン・コーディングしてて思うのが、pxで指定するとよくレイアウト崩れや、ウインドウサイズを変えたときに縦横比を保ったまま伸縮されなくて困ったりします。
なので、pxより%で指定したほうがいいのかと思ったりします。
pxの使用どころはどういったタイミングなのでしょうか?

特に具体的なシチュエーションとして、レスポンシブデザインのデザイン・コードで既存のものでpxが使われていたりします。(margin,padding,border,heightなど)
レスポンシブなので絶対値が設定されていると不具合が起きそうですが、それはどうなのでしょうか?

教えて頂けますと幸いです。


【追記】
こういった記事も見つけました。

ちゃんと使い分けてる?CSSのpx, em, rem, %, vw単位の違い

メディアクエリ → em
font-size → em / rem
borderなど常に見た目が変わらない → px
それ以外 → em / rem

一つの参考に致します。

本文に 173 文字追加
ソース リンク
user40231
  • 325
  • 2
  • 18

今CSSを学んでいるのですが、
素朴な疑問として、サイズにおける px の使用するタイミングが知りたいです。

デザイン・コーディングしてて思うのが、pxで指定するとよくレイアウト崩れや、ウインドウサイズを変えたときに縦横比を保ったまま伸縮されなくて困ったりします。
なので、pxより%で指定したほうがいいのかと思ったりします。
pxの使用どころはどういったタイミングなのでしょうか?

特に具体的なシチュエーションとして、
レスポンシブデザインのデザイン・コードで既存のものでpxが使われていたりします。(margin,padding,border,heightなど)
レスポンシブなので絶対値が設定されていると不具合が起きそうですが、それはどうなのでしょうか?

教えて頂けますと幸いです。


【追記】
こういった記事も見つけました。
https://note.com/takamoso/n/nde1275183086

メディアクエリ → em
font-size → em / rem
borderなど常に見た目が変わらない → px
それ以外 → em / rem

一つの参考に致します。

今CSSを学んでいるのですが、
素朴な疑問として、サイズにおける px の使用するタイミングが知りたいです。

デザイン・コーディングしてて思うのが、pxで指定するとよくレイアウト崩れや、ウインドウサイズを変えたときに縦横比を保ったまま伸縮されなくて困ったりします。
なので、pxより%で指定したほうがいいのかと思ったりします。
pxの使用どころはどういったタイミングなのでしょうか?

特に具体的なシチュエーションとして、
レスポンシブデザインのデザイン・コードで既存のものでpxが使われていたりします。(margin,padding,border,heightなど)
レスポンシブなので絶対値が設定されていると不具合が起きそうですが、それはどうなのでしょうか?

教えて頂けますと幸いです。

今CSSを学んでいるのですが、
素朴な疑問として、サイズにおける px の使用するタイミングが知りたいです。

デザイン・コーディングしてて思うのが、pxで指定するとよくレイアウト崩れや、ウインドウサイズを変えたときに縦横比を保ったまま伸縮されなくて困ったりします。
なので、pxより%で指定したほうがいいのかと思ったりします。
pxの使用どころはどういったタイミングなのでしょうか?

特に具体的なシチュエーションとして、
レスポンシブデザインのデザイン・コードで既存のものでpxが使われていたりします。(margin,padding,border,heightなど)
レスポンシブなので絶対値が設定されていると不具合が起きそうですが、それはどうなのでしょうか?

教えて頂けますと幸いです。


【追記】
こういった記事も見つけました。
https://note.com/takamoso/n/nde1275183086

メディアクエリ → em
font-size → em / rem
borderなど常に見た目が変わらない → px
それ以外 → em / rem

一つの参考に致します。

本文に 32 文字追加
ソース リンク
user40231
  • 325
  • 2
  • 18

今CSSを学んでいるのですが、
素朴な疑問として、サイズにおける px や % の使用するタイミングが知りたいです。

デザイン・コーディングしてて思うのが、pxで指定するとよくレイアウト崩れや、ウインドウサイズを変えたときに縦横比を保ったまま伸縮されなくて困ったりします。
なので、pxより%で指定したほうがいいのかと思ったりします。
pxの使用どころはどういったタイミングなのでしょうか?

特に具体的なシチュエーションとして、
レスポンシブデザインのデザイン・コードで既存のものでpxが使われていたりします。(margin,padding,border,heightなど)
レスポンシブなので絶対値が設定されていると不具合が起きそうですが、それはどうなのでしょうか?

教えて頂けますと幸いです。

今CSSを学んでいるのですが、
素朴な疑問として、サイズにおける px や % の使用するタイミングが知りたいです。

デザイン・コーディングしてて思うのが、pxで指定するとよくレイアウト崩れや、ウインドウサイズを変えたときに縦横比を保ったまま伸縮されなくて困ったりします。
なので、pxより%で指定したほうがいいのかと思ったりします。
pxの使用どころはどういったタイミングなのでしょうか?

特に具体的なシチュエーションとして、
レスポンシブデザインのデザイン・コードで既存のものでpxが使われていたりします
レスポンシブなので絶対値が設定されていると不具合が起きそうですが、それはどうなのでしょうか?

教えて頂けますと幸いです。

今CSSを学んでいるのですが、
素朴な疑問として、サイズにおける px の使用するタイミングが知りたいです。

デザイン・コーディングしてて思うのが、pxで指定するとよくレイアウト崩れや、ウインドウサイズを変えたときに縦横比を保ったまま伸縮されなくて困ったりします。
なので、pxより%で指定したほうがいいのかと思ったりします。
pxの使用どころはどういったタイミングなのでしょうか?

特に具体的なシチュエーションとして、
レスポンシブデザインのデザイン・コードで既存のものでpxが使われていたりします。(margin,padding,border,heightなど)
レスポンシブなので絶対値が設定されていると不具合が起きそうですが、それはどうなのでしょうか?

教えて頂けますと幸いです。

ソース リンク
user40231
  • 325
  • 2
  • 18
読み込んでいます