2017-08-16 1 views
0

J'ai ce vieux site Web qui a besoin de travailler un peu sur mobile. Le tout est construit sur des tables. Sur mobile, j'ai besoin que les colonnes occupent 100% de la largeur des écrans et passent essentiellement sur une nouvelle ligne. En chrome, IE, FireFox .. ça marche. Cependant sur iOS et Safari, il ne passera pas sur une nouvelle ligne et le reste des colonnes crunch juste dans le coin (semble vraiment mal)Safari déplacer td à la nouvelle rangée sur mobile

CSS J'ai essayé: td { display: block; width:100%; float: left; }

Quelqu'un sait pourquoi safari seulement il ne va pas aller sur une nouvelle ligne?

Répondre

0

Pour les autres utilisateurs de ce problème. Safari remplacera les styles de table (sans préavis) sauf si vous ajoutez <!DOCTYPE html> au début du fichier

+1

L'utilisation d'une déclaration DOCTYPE est la meilleure pratique de base. Assurez-vous toujours de l'utiliser. –