现代网络应该是100％的响应和更新的图书馆正在使这种越来越可能。
使用免费插件（如responsifyjs），可以更轻松地让您的网站在所有设备上运行。这个免费的jquery插件需要一个图像容器，并根据不同的屏幕尺寸动态地重新排列它们。
由于不同的容器容纳不同的图像，它们可以以非常奇怪的方式调整大小。有时候，您可以在移动设备上调整大小的照片，人脸可以被切断。
创建了responsify插件来解决这个确切的问题。它可以自动工作，但真正的魔法在于在图片上定义自己的对焦区域。
它使用内部系统的十进制描述来查找图像焦点应在哪里。例如，您可以定义位置，例如data-focus-top图像的某个段中的哪些“块”。
该数据需要以小数形式传递，例如.5个小数目标的图像的50％（左/右或上/下）。当然，这是很自相矛盾的。但是，有一个免费的responsify应用程序可以让您在浏览器中动态计算位置。
只需上传图片，定义焦点区域，然后将图像代码复制/粘贴到您的网站。responsify插件将具有所需的所有数据，以便在较小的屏幕上正确调整图像的大小。
响应式网站建设
您可以在github repo中找到相当多的现场演示链接，其中包括复制/粘贴到您的网站的代码段。
这个插件不是每个项目的完美解决方案。有时候，您将需要图像调整大小，而不需要固定的对焦区域。但是，如果您在jquery中使用砖石网格，则不会将responsifyjs添加到堆栈中。
要了解更多信息，请访问插件主页以进行实时演示，下载链接和完整设置指南。