你的面孔朝向观众

网站是公司的面貌，它向访客传达您的质量和服务。人们不仅通过计算机查看您的网站，因为互联网已经通过各种先进设备无处不在。我们现在使用各种类型的互联网设备，如支持3G和4G的平板电脑、配备调制解调器的笔记本电脑和M2M智能手机。这些设备的屏幕尺寸各不相同。有些人也更喜欢通过大屏幕浏览互联网，因为市场上现在有价格便宜的LCD和LED显示器。思科报告显示，2017年移动数据流量超过10 Exabyte，而2013年手机数量将超过人类数量。该报告显示了在较小设备上考虑设计的重要性。

分辨率因子

您不能说访客使用的分辨率与您的系统相同。适合标准最低分辨率（宽度为544像素）的网页在其他分辨率下也能很好地适应。十年前，1024 × 768是最常见的显示分辨率。许多网站从800 × 600格式重新设计为这种格式。但CAD用户、图形艺术家和视频游戏玩家使用的计算机分辨率为1600 × 1200。这种分辨率被称为UXGA。 我们知道计算机的分辨率高于电视；请查看下面最常用的分辨率。

网页设计师需要检查的内容

网页设计师需要确保所有屏幕都能正确对齐显示他的网站。在创建网站后，他必须检查网站在所有屏幕上的外观和感觉。因此，在设计网站时，重要的是要记住网站在不同计算机和设备上的显示效果是不同的。一旦你完成了网站并进行了托管，如果网页无法适应设备显示的屏幕，浏览器会添加水平滚动条。同样，如果网页无法适应垂直长度，也会出现垂直滚动条。将整个网站控制在垂直长度之内是非常困难的，但你可以确保设计水平长度。

 图形和表格的提示

图形和表格具有固定宽度。

控制宽度，使得总长度小于750像素。

避免指定最小宽度。

让浏览器调整表格的宽度，以适应单元格内的文本和图形。

完整显示

指定表格宽度为100%；如果您需要使表格完全填满宽度。

测试您网站的在线工具

这些工具让您查看您的网站在不同屏幕上的显示效果。 您可以以不同的分辨率查看您的网站，并进行适当的设计更改。

Responsive Design Checker.com

Browser Shots.org

波浪. Webaim. org / report

Quirk Tools. com / screenfly /