Gunnar Bittersmann: Darstellung auf mobilen Geräten

Beitrag lesen

problematische Seite

@@borisbaer

Weiß jemand Rat?

Ja, der Markup Checker. Oder die Quelltextanzeige in einem Browser, der Fehler markiert. (Firefox tut das, Chrome nicht.)

Um den Abschnitt geht’s:

</head>
<body id="page_114">
<!DOCTYPE html>

<html lang="de">

<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

<head>

	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link href="global.css" rel="stylesheet" type="text/css" media="all">
	<link href="backgrounds.css" rel="stylesheet" type="text/css" media="all">
	<link href="library.css" rel="stylesheet" type="text/css" media="all">
	<link href="quests.css" rel="stylesheet" type="text/css" media="all">

	<link href="menucool/tooltip/tooltip.css" rel="stylesheet" type="text/css" media="all">

	<script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript"></script>
	<script src="https://www.w3schools.com/lib/w3.js" type="text/javascript"></script>

	<script src="menucool/tooltip/tooltip.js" type="text/javascript"></script>

<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

<script></script>

<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

</head>

Möglich, dass deshalb <meta name="viewport" content="width=device-width, initial-scale=1.0"> nicht greift.

Andere Sache: Du lieferst dein Zeugs per HTTP/2 aus? Wenn nicht, solltest du dir Gedanken machen, wie du deine Stylesheets und Scripte zu jeweils einem zusammenfasst.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory