CODEWITHSUNDEEP
htmlcssresponsive-design
Ris
Ris

Reputation: 1912

how to make everything appear bigger for my responsive design?

I am trying to do a responsive design and through searching online I can't get what I am looking for but I want everything to appear bigger on my website pages. Instead of doing each element for example font-size:1.4em;, how would I do for all the pages ?

Upvotes: 1

Views: 1346

Answers (2)

Bojan Petkovski
Bojan Petkovski

Reputation: 6933

Can you just add this in the header

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

From the comments I think that you don't have a proper viewport setup and that is why everything looks smaller on mobile devices :)

Upvotes: 1

ncardeli
ncardeli

Reputation: 3492

Try using two new CSS3 units for that, called vw and vh. Here's and introductory article: http://css-tricks.com/viewport-sized-typography/

For example (from the article):

h1 {
  font-size: 5.9vw;
}
h2 {
  font-size: 3.0vh;
}
p {
  font-size: 2vmin;
}

Browser support: http://caniuse.com/#feat=viewport-units

Upvotes: 0

Related Questions