响应性网站设计背后的功能概念

响应性的网站设计（RWD）是现在和未来的网站设计实用的解决方案之一。响应的设计，适应任何计算机平台上，如台式电脑，笔记本电脑，上网本，平板电脑，智能手机和其他移动设备的屏幕大小和分辨率。

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

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

流体网格

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

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

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

灵活的影像

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

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

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

媒体查询

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

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