2017-08-23 2 views
0

Der Code funktioniert sehr gut auf einem Desktop-Computer (PC) und wenn ich hinein- und herauszoomen bleibt der Text an Ort und Stelle, aber auf dem Handy, wann Ich versuche, auf dieser Seite zu zoomen, der Text überschreitet die linken und rechten Ränder der Bildschirmansicht.Seiteninhalt überfüllt (nach links und rechts) beim Zoomen auf Handy

Wie kann ich das verhindern? Ich möchte, dass das einzige Scrollen nach oben und unten ist, nicht links & rechts, und dass der Benutzer den gesamten Seiteninhalt sehen wird, ohne zu beiden Seiten überzulaufen.

Sie können meinen Code testen hier:

http://fireman-suppression-84203.bitballoon.com

Und hier ist der Code:

div { 
 
    width: 85%; 
 
    margin: auto; 
 
    border: 3px solid #73AD21; 
 
}
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 

 

 
<div>Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example 
 
    text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just an example text... Just 
 
    an example text... Just an example text... Just an example text... </div> 
 
<br>

+0

Mögliche Duplikate von [Wie kann ich Zoom in Mobile machen, wie es auf dem PC ist ....?] (Https://stackoverflow.com/questions/45871416/how-cani-i-make-zoom-in- Handy-sei-wie-es-auf-PC) – BSMP

Antwort

1

die Sie interessieren in Ihrem <head>:

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> 
+0

OK ich werde das versuchen. – Tomas

Verwandte Themen