Search code examples
cssresolution

Which is better to use in CSS, percentage or pixels?

I am not a CSS expert and I want to make a design that will look good in all browsers and resolutions. I noticed that some websites make their design (width, height, margin, padding) with percentage, not pixels, and I am doing all my design with percentage too. Does this approach have any problems?

Please advise me.

Solution

  • You won't have any problems using this approach, both percentage and pixels work fine depending on your needs. If you need a fluid site, then percentage might be your best option. And ems for the fonts, so the user can modify its display if necessary.

    Couple of expert's opinions on this:

    https://kyleschaeffer.com/css-font-size-em-vs-px-vs-pt-vs-percent

    http://webdesign.about.com/cs/typemeasurements/a/aa042803a.htm

    And here's an interesting twist: Percentage + pixels:

    http://www.cssplay.co.uk/boxes/outside.html