如何为移动网站制作响应式图片

【问题标题】：how to make Responsive image for mobile sites如何为移动网站制作响应式图片
【发布时间】：2016-04-28 18:14:08
【问题描述】：

我有一个必须响应手机的网站。我已经使用我的桌面创建了它。当我调整浏览器窗口时，它在手机上运行良好，但是当我在我的真实手机上检查时：Microsoft-640 它对移动视图没有响应。[网站在除 Windows 手机之外的所有设备上都能正常工作]

【问题讨论】：

【解决方案1】：

通过添加 .img-responsive 类，可以使 Bootstrap 3 中的图像响应友好。

【讨论】：

【解决方案2】：

我认为在index.html 中添加meta viewport tag 可能会丢失。元视口在<head> 标签内定义，如下所示：

<head>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

有关元视口的更多信息，您可以阅读来自 w3school 的 article。希望对你有帮助

【讨论】：