iPad – 768px x 1024px
iPhone – 320px x 480px
For IE 8-
@media screen and (max-width: 1000px) {
#container{
width : 95%;
}
}
@media screen and (max-width: 760px) {
/* style */
}
@media screen and (max-width: 480px) {…}
@media screen and (max-width: 320px) {…}
@media only screen and (min-device-width: 760px)
and (max-device-width: 1000px){
/* style */
}
or import
Add these line in wp-config.php
define(‘WP_HOME’,’http://localhost/wordpress’);
define(‘WP_SITEURL’,’http://localhost/wordpress’);
Coming soon Page from thehelvetia.com
[html]
.box {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 10px 10px 20px #000;
-webkit-box-shadow: 10px 10px 20px #000;
box-shadow: 10px 10px 20px #000;
}
[/html]
-moz- –> firefox 1.0
-webkit- –> safari 0.2 and chrome 3.0
border-radius –> opera 10.5, IE9, Firefox, Chrome
more detail in developer.mozilla
Note the special syntax:
!: not
It: less than
lte: less than or equal to
gt: greater than
gte: greater than or equal to
[html]
<!–[if !IE]>
Other than IE condition status<br />
<![endif]–>
<!–[if IE 6]>
Only IE 6<br />
<![endif]–>
<!–[if gt IE 6]>
IE 7 and higher<br />
<![endif]–>
<!–[if gte IE 8]>
IE 8 or higher<br />
<![endif]–>
<!–[if lt IE 9]>
IE 8 and below<br />
<![endif]–>
<!–[if lte IE 7]>
IE 7 or lower<br />
<![endif]–>
[/html]
