本文由www.jianzhan0.com-上海网站制作编辑。

设计一个的网站上使用的编程语言有很多差别。传统使用的像素，例如，所取代的百分比，调整大小的图形。一个网站的界面设计，改装，顾客的显示设备的屏幕大小和分辨率作为参考。

响应性网站制作的基本功能，可以归结为三个网页的设计理念：流体网格，灵活的图片和媒体。这三个基本功能在终端输出时，可以在不同的设备上浏览。

流体网格

被定义为一组相交的垂直线和水平线，创建均匀尺寸的关闭的正方形区域的网格。背后的想法是，它们可以被用来布局的网页放置信息，如文字，图片，视频，标记，横幅等的重要性，并寻求整体设计。网站的网格之间的流动性意味着它可以依据小工具的屏幕尺寸，采用整体设计。

台式计算机上运行一个16单元网格，有效可以查看一个网页，由于其较大的屏幕尺寸，而平板电脑可能有8个单元网格。当顾客在浏览特定网站在两个设备上，它并不一定等同于简单地将其测量由两个从桌面版的所有信息调整大小的平板电脑版本。

流体改造网站的设计，通过优化使用空间和极简主义的概念，其中主要的网站只显示必要的元素。第二重要的信息和元素被加载后，顾客应该选择以查看它们。

灵活的影像

通过使用响应性网站制作，可以调整图片。图片灵活的程序员使用单位如“EM”或通过百分比的像素不同。一部分敏感的技术，采用了不破坏它的长度与宽度的比例调整图像大小。

然而，也有响应的技术，通过裁剪其中原始图像的一部分。网站响应通过一个较小的屏蔽的移动设备，如移动电话。

请记住，网格的概念！通常情况下，图片可以适当的做调整。

媒体查询

级联样式表（CSS）有媒体相应的支持。这种支持基本功能验证的媒体类型或小工具，同时收集到一个表达式，例如高度，宽度和颜色的限制。

媒体查询有助于在现在平台上重塑网站的设计的间距，布局，和其他条件。

Article Source: http://EzineArticles.com/7318763