Line 1: | Line 1: | ||
+ | <html> | ||
+ | <head> | ||
+ | <style> | ||
.title { | .title { | ||
width: 100%; | width: 100%; | ||
Line 190: | Line 193: | ||
transition: all 1s ease 0s; | transition: all 1s ease 0s; | ||
} | } | ||
+ | @media screen and (max-device-width: 400px) | ||
+ | { | ||
+ | .background { | ||
+ | width:400px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color:#fdfdfd; | ||
+ | } | ||
+ | @media screen and (min-width: 400px) and (max-device-width: 600px) | ||
+ | { | ||
+ | .background { | ||
+ | width: 600px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color:#fdfdfd; | ||
+ | } | ||
+ | @media screen and (min-width: 600px) and (max-device-width: 900px) | ||
+ | { | ||
+ | .background { | ||
+ | width: 900px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color:#fdfdfd; | ||
+ | } | ||
+ | </style> | ||
+ | <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> | ||
+ | </head> | ||
+ | </html> |
Revision as of 07:27, 14 October 2018