CODEWITHSUNDEEP
htmlcss
kd7
kd7

Reputation: 3001

how to set text size according to browser size?

I am building a site,that need to be scaled according to the browser size.Basically 2 rows of 3 columns. Left and right columns have picture and middle column have text in it.I gave percent to the left and right and they are doing well,but how to give text in the middle column same treatment so the it changes its size according to the browser size?

Upvotes: 1

Views: 211

Answers (1)

Roberto Luis Bisbé
Roberto Luis Bisbé

Reputation: 2090

Depending on the browser, if you are targeting modern browsers that allow CSS3, you can use the css media queries:

<link href="grid-978.css" media="all and (min-width: 1002px) and (max-width: 1247px)" rel="stylesheet">

This code loads the selected css only for that interval of screeen sizes.

You can see an example here: http://978.gs/

Then what you could do is adapt the different content to the viewport you are dispaying (this means the effective screen size that has your page to show, including scrollbar).

Upvotes: 1

Related Questions