Stoppen responsive Design von Triggerung auf Desktop

Question

Bitte werfen Sie einen Blick auf diese Website, digikala.com, und lassen Sie mich bitte wissen, warum es nicht reagiert, wenn Sie die Größe Ihres Browserfensters auf dem Desktop ändern, während es vollständig reagiert Telefon. Ich habe festgestellt, dass Google.com auf die gleiche Weise funktioniert. Wenn Sie auf einem Telefon sind, sehen Sie das mobile Design, während Sie das mobile Design nicht sehen können, indem Sie die Größe des Browsers auf Desktops ändern.

Dank

Answer 1

wegen reaktions Meta-Tag hinzufügen, um dieses Meta-Tag in Kopf

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

Answer 2

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> 

Sie müssen diesen Code in den Kopf Tag hinzuzufügen. es wird für reaktionsfähig arbeiten. verwenden Abfrage Medien

/* Tablet Landscape */ 

@media screen and (max-width: 1060px) { 
    #primary { width:67%; } 
    #secondary { width:30%; margin-left:3%;} 
} 

/* Tabled Portrait */ 

@media screen and (max-width: 768px) { 
    #primary { width:100%; } 
    #secondary { width:100%; margin:0; border:none; } 
}