Wie ändert man die Größe der Webseite, um sie an Windows anzupassen, wenn die Webseite mit der Bildschirmauflösung getestet wird?

Wie wird die Größe der Webseite an die Größe des Fensters angepasst, wenn die Webseite mit der Bildschirmauflösung getestet wird?Wie ändert man die Größe der Webseite, um sie an Windows anzupassen, wenn die Webseite mit der Bildschirmauflösung getestet wird?

Siehe Geige here und Snippet unten:

<body style="overflow:hidden; margin:0"> 
 
    <div id="main"> 
 
    <div id="content" style=" text-align: center; "> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
     <img src="https://images.encyclopediadramatica.se/thumb/6/69/Business_cat_exploitable.jpg/200px-Business_cat_exploitable.jpg"> 
 
    </div> 
 
    <div id="footer"> 
 
    </div> 
 
    </div> 
 
</body>

Wenn der Test auf 1280 x 800 Pixel Auflösung

Und dann Test auf 800 x 600 Pixel Auflösung

Ich möchte auf 800 x 600 px Auflösung zeigen, wie kann ich das tun?

Quelle

2016-09-16 peat wedty

Use% auf img Größe https://jsfiddle.net/kzqu9s4s/1/ – DaniP

@DaniP - könnten Sie bitte sagen Sie mir die Art und Weise nicht% zu verwenden, um auf img Größe? –

sowieso müssten Sie% ... verwenden, um reagieren zu können. Warum nicht? – DaniP

-1

würde ich das img 100% breit machen.

<style> 
    #main, #content, img { display: block; width: 100%; } 
</style>

Quelle

2016-09-16 14:03:52 JorgeObregon

Wie ändert man die Größe der Webseite, um sie an Windows anzupassen, wenn die Webseite mit der Bildschirmauflösung getestet wird?

Antwort

Verwandte Themen