Адаптивная верстка урок 60

1

Все сделал как на видио. На всех страницах ниже utf-8 прописал viewport.

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1/0">

В style.css все как на видио

/* css Mobile */

 

 

@media only screen

and (min-device-width : 320px;)

and (max-device-width : 568px;) {

 

.header {

 

background-color: #3a7970;

min-width: 100%;

height: 20%;

text-align: center;

 

}

}    Тем не менее не адаптируется под мобилу, все сохранял как положено, друзья может кто объяснит в чем может быть загвоздка???

Адаптивная верстка

4 ответов

3

Скорее всего закэшировалась страница. Нужно наживать ctr и f5 одновременно при обновлении страницы, чтобы отображалась реальная версия, а не кэшированная. 

2

Да, у меня тоже проблема с кешем была. 

2

Странно, зашел на второй день ничего в кодах не менял, проблема сама ссобой разрешилась

2

до сих пор не могу разобраться, не видит версию для мобилы, меняет основной сайт

Sign up or Log in to write an answer