如何為移動網站制作響應式圖像
[英]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.