2016-07-29 7 views
0

Ich habe eine HTML-Seite, die eine Haupt-Div "Content-Zeile" enthält, ist die Breite meiner gesamten Seite: 1920 Pixel. Für Bildschirm größer als 1920 i eine Eigenschaft:Wie verwendet man min-width

#contentRow { 
     max-width:1920px; 
     margin: 0 auto; 
    } 


<div id="contentRow"> 

Meine Frage ist, wie das gleiche tun, wenn der Browser Breite kleiner als 1920 Pixel ist, bedeutet dies: die div auf der Mitte der Seite, ohne blättern zu halten ? Ich habe versucht, die Eigenschaft: minimale Breite, aber keine Änderung. Jeder Hilfevorschlag wird hilfreich sein.

+0

Fragen Code Hilfe suchen müssen den kürzesten Code enthalten notwendig, es zu reproduzieren ** in der Frage selbst ** vorzugsweise in einem [** Stapel Snippet **] (https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). Siehe [** So erstellen Sie ein minimales, vollständiges und überprüfbares Beispiel **] (http://stackoverflow.com/help/mcve) –

Antwort

1

erhalten u wird als Reaktion Container Breite von 320px zu 1920px

#contentRow { 
    width: 100%; 
    min-width: 320px; 
    max-width: 1920px; 
    margin: 0 auto; 
} 
+0

Ich habe es versucht und es funktioniert nicht, das gleiche Ergebnis, wenn ich zoome mein Bildschirm 125%, ich habe scroll und die ganze Seite wurde größer. Hinweis: Ich arbeite an einer SharePoint-Website. – ysfibm

+0

Wenn Sie Browser-Fensterbreite 1920px und Zoom 125%, alle CSS-Größe größer und nicht überwachen.) –

+0

es war nur ein Beispiel, ich vermute, ich benutze einen Bildschirm mit der Breite 800px, ich möchte die ganze Seite in der Mitte ohne horizental scroll haben – ysfibm