Мобильный и планшетный веб -сайт ⇐ CSS

[Anonymous]

Я нахожусь в процессе создания своего веб -сайта. URL: http://bvanlieshout.com
Это далеко не сделано, но я хочу сначала закончить домашнюю страницу, прежде чем я даже начну смотреть на другие страницы. Использование: < /p>
@media only screen and (max-width: 768px) {
.frontImage{
display:none;
}
}

@media only screen and (max-width: 320px) {
.frontImage{
display:none;
}
}

@media only screen and (min-width: 769px) {
.navigation ul li {
display: inline;
width: 100px;
padding-left: 10px;
}
.nowWhat{
width:800px;
}
}
< /code>
Это работает, вроде; Когда я проверяю свой мобильный телефон и открываю страницу, он не скрывает изображения. Я предполагаю, потому что ширина страницы все еще превышает 320/768 PX. Так что в основном я спрашиваю, это некоторые указатели, советы. Любая помощь будет оценена!

Подробнее здесь: https://stackoverflow.com/questions/238 ... t-web-site