Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

css

resolution

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.

like image 706
Mahmoud Saleh Avatar asked Nov 01 '11 11:11

Mahmoud Saleh


1 Answers

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

like image 50
Yisela Avatar answered Sep 28 '22 06:09

Yisela