Geek asks and answers

What is the point of using% units in a responsive design?

I am redesigning my site because it looks awful at different resolutions (different devices), most manuals and manuals rely on %and emthan fixed values. I am still studying this, so I read everything around.

Thought it would solve the issue with different display sizes, but again: we need to create some more CSS to fix some specific problems.

If I need to add media queries for additional display sizes, why use% then? Do use% really reduce coding? Is it good to add some extra CSS for some sizes, or am I doing something wrong?

Thanks for any advice!

+5
source share
4 answers

The purpose of using sizes emis to allow your design to abandon the choice of font size for the user. I can use a larger font size because I have a huge monitor and poor eyesight, while someone else might prefer a smaller font. Using emunits, your design will meet both our font preferences and resize them instead of formatting the font size to a specified standard (for example, "12-point font").

, (%) . em, .

. "-" , "" . sans-serif , , .

, , , , , , . , .

+4

% . , div, 100%. , , .

CSS . , %, px, , .

+1

.

950 ; 450 ,

, -, 450 ;

, %, div 100% . , div , .

+1

,

, . , 90% , .

: http://www.noxinnovations.com/portfolio/responsive/

, , ... , . , !

Believe me, I tried to do this responsive design test with pixels, and it didn't work out too well. Percentage width ensures that regardless of the size of the resolution and / or pixel (in fact) the design will always match the size of the screen. Also, I didn’t need to use CSS3 Media Query alone, but I highly recommend using CSS3 Media Queries only when you need it.

In my opinion, I should probably have a media query for a larger screen.

Hope this helps you just as it helped me! Thanks Aaron

+1
source

More articles:


All Articles