Media Query funktioniert nicht auf Mobile

Ich arbeite derzeit an einer Website, die zwischen verschiedenen Stylesheets basierend auf der Größe des Bildschirms wechseln soll. Es funktioniert perfekt, wenn ich dies auf meinem Laptop-Browser teste und Stile ändere, wenn ich die Breite des Browserfensters verändere, aber es funktioniert nicht auf meinem Mobiltelefon. Ich bekomme nur das Desktop-Stylesheet, und ich bin mir nicht sicher warum. Das Telefon, das ich benutze, um die Website zu sehen, ist ein Samsung Galaxy S4, und das gleiche erscheint sowohl in Firefox als auch in Chrome.Media Query funktioniert nicht auf Mobile

<link rel="stylesheet" type="text/css" media="screen and (min-width:1200px)" href="css/styles_desk.css"> 
<link rel="stylesheet" type="text/css" media="screen and (min-width: 768px) and (max-width: 1024px)" href="css/styles_tablet.css"> 
<link rel="stylesheet" type="text/css" media="screen and (min-width: 320px) and (max-width: 480px)" href="css/styles_mobile.css">

Quelle

2016-08-03 Jordan U.

einen Blick auf [ "Media Queries für Standard-Geräte" auf CSSTricks] Haben (https://css-tricks.com/snippets/css/media- Anfragen-für-Standard-Geräte /) – GolezTrol

Stellen Sie sicher Ansichtsfenster gesetzt

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

Quelle

2016-08-03 07:16:34 Depzor

Vielen Dank! Das hat es sofort behoben. Das muss ich mir für die Zukunft merken. –

Gern geschehen :) – Depzor

Media Query funktioniert nicht auf Mobile

Antwort

Verwandte Themen