网页 如何适应不同分辨率

首先我们看一下国内大型网站的页面,这些图片是在1920*1280分辨率的电脑上截取的,与在1366*768上截取的图片的宽度相同。可以发现它们的宽度是固定的,既取了最小的主流分辨率。不过亚马逊的网站不是这个设计思路。有待研究。

页面内容居中:

<body>

<div style="width:1200px; margin:auto;"></div>

</body>

淘宝:width:1191px

京东:width:1331px

苏宁易购:width:1193px

当当网:width:1194px


网页 如何适应不同分辨率_第1张图片


网页 如何适应不同分辨率_第2张图片


网页 如何适应不同分辨率_第3张图片


网页 如何适应不同分辨率_第4张图片



你可能感兴趣的:(网页 如何适应不同分辨率)