You're viewing old version number 1. - Current version
Test page for CSS media queries and min-width
It tells me the soups of the day.
Freely distributed information that’s relevant to the person reading it. That’s web design.
created a "testcontent" CSS id style, used in the above block of text.
/* testing for resizing desktop/laptop browser */
# testcontent {
font-size: .7em;
background: grey;
}
@media all and (min-width: 200px) {
# testcontent {
font-size: .8em;
background: red;
}
}
@media all and (min-width: 400px) {
# testcontent {
font-size: .9em;
background: orange;
}
}
@media all and (min-width: 600px) {
# testcontent {
font-size: 1em;
background: yellow;
}
}
@media all and (min-width: 800px) {
# testcontent {
font-size: 1.05em;
background: green;
}
}
@media all and (min-width: 1000px) {
# testcontent {
font-size: 1.1em;
background: blue;
}
}
From JR's : articles
227 words - 1470 chars
- 1 min read
created on
updated on
- #
source
- versions