Comment afficher un site web à écran large sur un écran XGA ( 1024px ) dans Chrome 26 sous Windows XP. Bien sûr, je peux dézoomer dans Chrome, mais alors toujours la < 1220px media query fires, bummer ! Alors je fais pas obtenir le >= 1220px version du site web.
Qu'est-ce que je peux faire ?
Avec Firefox, cela fonctionne : Je fais un zoom arrière, puis la >= 1220px les feux de media query, super ! Mais ce n'est pas Chrome, sur lequel je veux aussi tester le site web.
Code source de la page web de test :
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Test</title>
<link rel="stylesheet" type="text/css" media="screen" href="index.css">
<style>
p {
color: black;
}
@media (min-width: 1220px) {
p {
color: red;
}
}
</style>
<script>
window.addEventListener("resize", function () {
console.log(window.innerWidth);
});
</script>
</head>
<body>
<p>Turns red for window width >= 1220px</p>
</body>
</html>
