Отзывчивая веб-страница не работает

Question

Я новичок для гибкого веб-проектирования. Я создал одну страницу, но когда я пытаюсь проверить на разных устройствах, она не работает. Вот мой код и скриншоты.

<meta name="viewport" content="width=device=width, initial-scale=1" charset="utf-8"> 

@charset "utf-8";

section, article, header, footer, nav, aside, hgroup { 
display: block; 
} 



/*----------------------- 
    Global Styles 
-------------------------*/ 
.clearfix:before, 
.clearfix:afetr{ 
    content:""; 
    display:table; 
} 
.clearfix:after{ 
    clear:both; 
} 
/*.clearfix{ 
zoom:1;/*for IE6/7 trigger hasLayout 
} */ 



    /*----------------------- 
    Navigation 
-------------------------*/ 

nav ul{ 
    margin:0; 
    padding:0; 
    float:right; 
} 
nav ul li{ 
    list-style:none; 
    float:left; 

} 
header nav ul li a{ 
    display:block; 
    color:#FFF; 
    text-decoration:none; 
    font-weight:bold; 
    padding:20px; 
} 
header nav ul li a:hover{background-color:#003; } 
    /*background:#67A6B8;*/ 

header nav ul li a:active{ 
    color: yellow; 
    background-color: #003; 
    text-decoration: underline; 
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0)insert; 
    -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0)insert; 
    box-shadow:0 0 5px rgba(0, 0, 0, 0)insert; 
    } 
    header nav ul li a:visited{`enter code here` 
     background-color:#9F3; 
    } 

Я пробовал уже 2 недели. Пожалуйста, кто-то мне помочь ..

Answer 1

Пуск, перемещая charset="utf-8" своей собственной мета-тег, например:

<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 

Также проверьте опечаток: Вы писали device=width, что на самом деле должно быть device-width.