网站制作过程如何快速设置网页分辨率

21世纪，网站成为各个企业的标配，做网站成了企业资质审批下来后第一件事，其次才是推广宣传。今天小编和各位聊聊网站建设过程中网页布局如何设置分辨率；

网页分辨率的设置和终端屏幕的尺寸是密不可分的，国内终端尺寸由最初的大脑袋CRT显示器，到17寸的液晶显示屏再到现在已宽屏为主的浏览形式；

常用的屏幕分辨率所对应的网页分辨率如下：

1. 800*600 屏幕（15寸方屏），推荐网页宽为 778 像素

2. 1024*768 屏幕（17寸液晶），推荐网页宽为 1002 像素

3. 1280 * 720 屏幕，推荐网页宽为 1258 像素

4. 1440*900 屏幕（19寸宽屏液晶），推荐网页宽为 1418 像素

5. 1920*1080 屏幕，推荐网页宽为 1898 像素

但是在实际应用中，很多人会疑惑。我不能确定访客到底用什么屏幕浏览网页，但我想我的网站设计的符合绝大数用户体验怎么办呢?小编在这里推荐两个方案：

1. 直接以 1024 × 768 屏幕为准进行网页制作

因为要适应大部分客户，我们知道现在几乎没有人用15寸大脑袋显示器了，可能部分人还在用17寸液晶屏，但现在市场的主流的是19寸屏幕，因此我们以17寸屏幕为准，制定网页宽度为 1002 像素，则可以适用所有比17寸大的屏幕，只是屏幕越大，浏览器左右两侧留白的部分将越大。

2. 设置网页宽度相对屏幕宽度的百分比，自适应屏幕

这种方法是在制作网页时，直接将页面宽度设置一个百分数，例如 98%，则它在任意屏幕中，都是以屏幕宽度 * 98% 的计算方式来算出网页宽度的，可以说是自动适用屏幕宽度，而不会出现浏览器左右留白。但这种方式的缺点在于，网页内部的版块、图片等宽度也都有自动适应网页宽度，操作上有一定难度。

下面通过一段 html 代码来了解如何设置网页分辨率

我是适应17寸以上屏幕的

我是自适应的

同时为大家分享一个小知识：在网页制作中，网页分辨率通常也被称为“网页宽度”，实际上分辨率也就是表示长度和宽度的另一种方式，只不过它的单位为“像素”。

京瑞畅想，一家小型的个人建站团队，我们专注网站建设及周边信息的分享，希望通过我们文章的分享，让您在互联网时代，能更好地了解互联网，拥抱互联网。

如果您觉得文章对您有用，同时您对后续的内容比较感兴趣，请您点击订阅（关注）或收藏、评价，来支持我们，新手作者在此感谢。