如何为移动网站制作响应式图像
[英]how to make Responsive image for mobile sites
问题描述
我有一个必须响应手机的网站。 我用我的桌面创建了它。 当我调整浏览器窗口时，它可以完美地用于手机但是当我在我的真实手机上检查时：Microsoft-640它对移动视图没有响应。[网站在除Windows手机之外的所有设备上都能正常工作]
2 个解决方案
解决方案1
0 2016-04-28 08:27:13
通过添加.img响应类，可以使Bootstrap 3中的图像响应友好。
请参阅网址： http ： //getbootstrap.com/css/#images
解决方案2
0 2016-04-28 10:14:08
我认为在index.html中添加meta viewport tag可能会遗漏。 元视口在<head>标记内定义，如下所示：
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
有关元视口的更多信息，您可以阅读w3school的这篇文章 。 希望能帮助到你
模态对移动设备没有响应，如何使其在移动设备上响应？
[英]Modal is not responsive for mobile, How to make it responsive on mobile?
响应式网站：如何在桌面上的列中制作图像/文本，而不是在移动设备上的列中
[英]Responsive site: How to make the image/text in columns on desktop but not column on mobile
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.