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

时间:2016-04-28 08:18:34

标签: html css media-queries

我有一个必须对手机做出响应的网站。我用我的桌面创建了它。当我调整浏览器窗口时,它可以完美地用于手机,但当我在我的真实手机上检查时:Microsoft-640它对移动视图没有响应。[网站在除Windows手机之外的所有设备上都能正常工作]

2 个答案:

答案 0 :(得分:0)

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

参考网址:http://getbootstrap.com/css/#images

答案 1 :(得分:0)

我认为您在meta viewport tag中添加index.html时可能会遗漏。元视口在<head>标记内定义,如下所示:

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

有关元视口的更多信息,您可以从w3school阅读此article。希望它有所帮助