Responsive web design

Question

is it possible if we make responsive web design with 3 different css (960px, 480px, 320px) and 1 html?

Answer 1

yes, of course. that's the point in responsive webdesign.
take a look at bootstrap, it saves you a lot of time.

Answer 2

Or use css import rule:
@import url('/css/320px.css') screen and (min-width: 320px);
@import url('/css/480px.css') screen and (min-width: 480px);
...

Answer 3

<link rel="stylesheet" media="screen and (min-device-width: 320px)" href="s320.css" />
<link rel="stylesheet" media="screen and (min-device-width: 480px)" href="s480.css" />
<link rel="stylesheet" media="screen and (min-device-width: 960px)" href="s960.css" />

Answer 4

Try:
@media screen and (min-width: 320px) {
/* css for 320px+; */
}
@media screen and (min-width: 480px) {
/* css for 480px+; */
}
@media screen and (min-width: 960px) {
/* css for 960px+; */
}

Answer 5

Thank you, it help me alot