J'ai l'exemple de code ci-dessous. Cela fonctionne bien avec tous les navigateurs, à l'exception des navigateurs des appareils mobiles.
La balise de débordement est le problème.
Fonctionne avec tous les appareils sauf le mobile :
margin: 0; padding: 0; height: 100%; overflow: hidden;Fonctionne avec tous les mobiles et non les ordinateurs :
margin: 0; padding: 0; height: 100%;Quel est le meilleur moyen de le faire fonctionner sur les deux ?
<!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>
<title>Test Layout</title>
<style type="text/css">
body, html
{
margin: 0; padding: 0; height: 100%; overflow: hidden;
}
</style>
</head>
<body>
<iframe width="100%" height="100%" src="http://www.cnn.com" />
</body>
</html>
