在不同屏幕分辨率下测试网页时，如何调整网页以适应窗口？
参见 fiddle 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 像素的分辨率显示，我该怎么做？
最佳答案
我会让 img 100% 宽。
<style>
#main, #content, img { display: block; width: 100%; }
</style>
关于javascript - 在不同屏幕分辨率下测试网页时如何调整网页大小以适应窗口？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39533367/