Adaptation d'un site existant au smartphone

[kayorn]

Bonjour,

Je suis en train "d'essayer" d'adapter un site existant pour les mobiles.
J'ai fixé le viewport et a priori ça fonctionne de ce côté là.

J'ai pris une feuille de style modèle pour fixer un petit bug (c'est le seul pour le moment).

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
@media (max-width: 640px) 
{
 
body {
width : auto ;
}
 
#nom,#cell_gauche,cell_droite,#titrepage,#conteneur,#menu,#footer,#banniere,#fonction,#barreau {
width: auto;
margin: 0;
padding: 0;
-webkit-text-size-adjust: 70%; 
 }

Il concerne le titre du site et les titres des pages:

Je ne parviens pas à éviter le retour forcé à la ligne dans la visualisation iphone/ipad, ce qui ne se produit pas dans les navigateurs.

J'appelle la feuille de style de cette manière:

Code :

<link rel="stylesheet" href="medias.css" media="screen">

Dans cette feuille de style, j'ai collé la feuille donnée sur le tuto en spécifiant tous les conteneurs à largeur fixe devant passer à auto.


http://remiti-leandri-avocat.fr/

C'est quand que ça ne va plus?


merci d'avance