更改在移动设备上使用哪个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代码

回答

相关问题