How to adjust font-size in both device and tablet?

1

Hello Sir,
I have a pp. It is fine phone. font-size is working. when i run on tablet both font-size and inputfield not increase according to tablet. It remains same…

Please help me…

2

you have to customize your css based on screen size…you may write media queries to make it happen.

3

i have written css in style.css but i haved font-size 80% and input field height: 30px; but it is not working.
how to write css according to screen size?

Please help me…

4

Like previously mentioned, research css media queries for different form factors

5

Write your css within media screen tags… try something like this in your style.css

@media screen and (max-width: 320px) {
body {background-color: blue;}
h1 {color: orange; text-align: center;}
}

@media screen and (max-width: 640px) {
body {background-color: red;}
h1 {color: red; text-align: center;}
}

@media screen and (max-width: 800px) {
body {background-color: green;}
h1 {color: green; text-align: center;}
}
@media screen and (max-width: 1024px) {
body {background-color: orange;}
h1 {color: orange; text-align: center;}
}

@media screen and (max-width: 1028px) {
body {background-color: yellow;}
h1 {color: yellow; text-align: center;}
}

http://nmsdvid.com/snippets/

6

Hello Sir,
I have call in index.html
likelink rel=‘stylesheet’ media=‘screen and (max-width: 320px)’ href=‘small-320px.css’ />
link rel=‘stylesheet’ media=‘screen and (max-width: 640px)’ href=‘normal-640px.css’ />
link rel=‘stylesheet’ media=‘screen and (max-width: 800px)’ href=‘large-800px.css’ />
link rel=‘stylesheet’ media=‘screen and (max-width: 1024px)’ href=‘extra-large-1024px.css’ />
link rel=‘stylesheet’ media=‘screen and (max-width: 1028px)’ href=‘extra-large-1028px.css’ />
But not working…
Please help me…