add media queries for better responsive UI on mobile devices

This is for modern browsers only
pull/333/head
Legend Tang 2015-02-28 23:08:26 +08:00
parent 293d964ae2
commit d6b0448339
1 changed files with 18 additions and 0 deletions

View File

@ -1,3 +1,21 @@
header h3 a, header .brand {
display:none !important;
}
@media screen and (max-device-width: 600px) {
#maincontent.container {
margin-top: 30px;
}
}
@media screen and (max-device-width: 360px) {
#maincontent.container {
margin-top: 60px;
}
}
@media screen and (max-device-width: 200px) {
#maincontent.container {
margin-top: 230px;
}
}