Dasw script verät dir ob ein Benutzer sein Handy gedreht hat oder nicht.Eine Automatische drehung zu erzwingen klappt wohl nicht.
Du kannst bei öffnen deiner Seite ein Hinweiß einblenden das der Benutzer noch sein Handy drehen muß um eine bessere Ansicht zu haben ,oder warum auch immer.
So bald der User das Handy gedreht hat ,feuert das Script und gibt einen Wert zurück. Mit diesen Wert weißt du dann ob das Handy gedreht wurde und kannst dann alles nötige veranlassen deine html,css Datein auf das Querformat anzupassen.
Eigentlich brauchst du dir da nur den Code zu kopieren ,ich sehe da jetzt nix was man apssen müßte.
Du mußt aber jquery einbinden ,weil das script damit arbeitet
Das steht doch fast 1:1 in dem von Dir geposteten Link?!
Wenn Du die paar Zeilen Code nicht verstehst, solltest Du es nicht selber machen.
ungefähr so
http://sebastian1012.bplaced.net/homepagebasti1…h_oder_quer.php ( Mit Handy öffnen )
Kann es nicht testen weil ich kein modernes Handy habe .
Also ist das auch nur auf gut glück das es klappt.
Habe rausgefunden das es klappt ,aber er erkennt die position erst nach reloaden der Seite.Also er feuert nicht beim drehen. Wie gesagt kann am Handy liegen weil habe so nen mist Gerät was Bald 8 Jahre alt ist.
Fals es bei euch auch nicht ( ohne reload ) funktioniert muß ihn nochmal nachforschen gehen was da verkehrt läuft oder so .
Nur wie lautet soweit der Code dafür?
Den kannst du dir doch im Browser ansehen. 
das ist doch genau das gleiche Zeug wie vom ersten Link.
Der Code steht doch im Quelltext meiner Beispielseite.
Je nach Browser machst du rechts klick dann steht da quelltext anzeigen und du siehst wie man es gemacht hat .
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
#orr {
display:none;
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background:red;
z-index:1999;
}
</style>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="orr">Bitte drehen Sie Ihr Gerät!</div>
<script>
jQuery(function($) {
$('body').bind('orientationchange', function(e) {
check_orientation();
});
check_orientation();
});
var check_orientation = function() {
if(typeof window.orientation == 'undefined') {
$('#orr').html('Das ist kein Handy').css('display','block');
return true;
}
if(Math.abs(window.orientation) != 90) {
//portrait mode
$('#orr').fadeIn().bind('touchstart', function(e) {
e.preventDefault();
});
return false;
}
else {
//landscape mode
$('#orr').fadeOut();
return true;
}
};
</script>
</body>
</html>Ich hofe du kannst damit was anfangen
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!