在不同屏幕分辨率下测试网页时，如何调整网页大小以适合窗口？
请参见下面的小提琴here和代码段：
<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>在1280 x 800像素分辨率下测试时
然后以800 x 600像素的分辨率进行测试
我想以800 x 600 px的分辨率显示，该怎么办？
最佳答案
我会将img的宽度设为100％。
<style>
#main, #content, img { display: block; width: 100%; }
</style>
关于javascript - 在不同屏幕分辨率下测试网页时，如何调整网页大小以适合窗口？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39533367/