更改在移動設備上使用哪個html代碼

我正嘗試使用自定義HTML模塊將Instagram幻燈片小部件嵌入到我的Joomla網站中。我想根據用戶是在移動設備上還是在桌面/筆記本上修改幻燈片窗口小部件的大小。這可能嗎？更改在移動設備上使用哪個html代碼

我試圖使用Widget是SnapWidget，他們的HTML看起來像這樣（我已經隱藏了的Instagram帳戶的匿名來源）：

<iframe src="http://snapwidget.com/sl/..." width="505px" height="505px" class="snapwidget-widget" style="border: none; overflow: hidden; width: 505px; height: 505px;" title="Instagram Widget" frameborder="0" scrolling="no"></iframe>

在此先感謝。

來源

2015-10-11 djlowcock

你的問題是什麼？ –

很抱歉，如果不清楚 - 問題是可以使用HTML/Joomla！/其他任何東西來確定是否顯示基於用戶設備的分辨率的內容？ – djlowcock

使用jquery mobile。 –

只需添加媒體查詢到的style.css模板：

@media (max-width: 644px) { 
 
    iframe { 
 
    max-width: 100%; 
 
    } 
 
}

來源

2015-10-11 22:38:34 liborza

更改在移動設備上使用哪個html代碼

回答

相關問題