iframe dans xcode a une largeur débordante lorsque j'intègre un google doc

Question

J'ai un projet xcode avec des fichiers html. J'inclus un google doc en utilisant un iframe, mais quand je cours le simulateur, la largeur déborde sur la droite pour l'iphone 6 et plus grand. Il a l'air bien sur l'iphone 5.

J'ai essayé de changer les marges dans google docs et j'ai essayé de styler l'iframe. J'ai également essayé d'incorporer un conteneur, mais cela n'a pas fonctionné non plus.

<iframe src="thesrc"></iframe> 

iframe { 
    width: 100%; 
    display: block; 
} 

Je ne suis pas sûr si c'est un problème de css ou je ne peux pas obtenir un iframe sensible dans xcode. Encore une fois, semble fonctionner correctement sur l'iPhone 5.

Answer 1

Si j'ai bien compris votre question, je pense que vous devez fournir les bonnes règles CSS médias. Je ne sais pas si vous pouvez le faire dans le html externe d'un iframe.

pour effectuer des requêtes des médias, vous pouvez faire quelque chose comme

@media screen and (min-width:500px) { 
    body { 
    margin: 0 auto; 
    width: 768px; 
    } 
}