Reponsive tout pourri !

01 août 2014, 23:59

Hello,

J'ai un iPhone 5 (Ouais je sais je me la pete).
Je fais une page toute basique :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>

<body>
Comment ca va ?
</body>
</html>

Et quand je vais la voire dans mon iPhone c'est écrit tout petit ...
Pourquoi ?
Comment faire du responsive si de toute facon l'iPhone affiche la page en petit ...

03 août 2014, 18:40

Salut,

A quoi ça sert de nous mettre ton html en exemple si tu n'y places pas de balises de style, ni ne joins de stylesheet. C'est un poisson d'avril ta question ? ou ...?
What about ton css? Rien n'est pris en compte?
J'ai pas d'Iphone et je vais pas sur internet avec mon tel, donc je ne peux pas te dire ce que ça donne chez moi.

lol par contre j'ai une question sur le Responsive avec firefox et [Windows7 et affichage des textes à + de 100%], donc n'hésites pas si tu peux donner un coup de patte

27 août 2014, 12:17

Slt, ajoute ça dans ta balise <head>

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

27 août 2014, 20:14

J'avoue ... Ca marche bien, je vais voir ce qui se passerait si j'avais un fichier HTML plus fourni !

27 août 2014, 22:39

En fait ce code limite ta page à la taille de ton écran donc si tu as des div plus large en px elles vont dépasser. Il faut utiliser les medias queries css pour faire un design responsive.

Reponsive tout pourri !

Qui est en ligne