1448 sujets

Web Mobile et responsive web design

Bonjour,

je tâtonne en responsive design et suis en train de tester Grillade.css V7 (seul sans Knacss).

Tout marche parfaitement bien sauf le « re-positionnement » en 1 colonne sur un smartphone. Le code simple (voir ci-dessous) s'affiche bien en 3 colonnes sur un ordi mais reste toujours en 3 colonnes sur un smartphone.

En dessous de 480 px, l'affichage devrait être sur 1 colonne ?

J'ai du louper quelque chose ! Smiley lol

Merci à tous


<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Document sans nom</title>
<link href="grillade-grid.css" rel="stylesheet" type="text/css" />
</head>

<body>

<section class="grid-3">
    <div><h1>Hello world !</h1></div>
    <div><h1>Hello world !</h1></div>
    <div><h1>Hello world !</h1></div>
    <div><h1>Hello world !</h1></div>
    <div><h1>Hello world !</h1></div>
    <div><h1>Hello world !</h1></div>
</section>

</body>
Merci...

mais en reprenant ton code exact :
la page

quand j'affiche la page sur un smartphone c'est toujours sur 3 colonnes.

En fait quand je redimensionne la fenêtre du navigateur sur un ordi la bascule se fait, mais sur un smartphone direct non !

Bizarre. Smiley hum
Modifié par Stbn (02 Feb 2018 - 16:05)