幻灯片在移动设备上无法缩放宽度



我的主页上有一个幻灯片,宽度可以缩放到100%。它在我的电脑上运行得很好(在Firefox和Safari中,我甚至可以一直调整浏览器窗口的大小,效果很好),但在我的iphone上不起作用(它太宽了,在页面内容的右侧增加了很多空白)。

幻灯片是一个iframe。我试过用html缩放iframe,把它放在div中,用css缩放div,我试过这样做:http://css-tricks.com/snippets/html/responsive-meta-tag/,但似乎什么都不起作用。有人有什么想法我可以试试吗?

谢谢!!

网址:www.silvervinedesign.com

您已经为该元素的样式定义了像素宽度。因此,它不会做出响应。

如果你检查这个iframe的来源(右键单击并选择"检查元素"),你会发现包含图像的<ul>元素正在应用一个style="width: 4778px;"。每个<li>子元素也在应用一个显式的像素宽度样式。当我查看iframe的源时,这些style标签不存在。

这告诉我你有一些javascript函数,它正在设置这个宽度。从你的来源来看,我猜负责的插件是galleria,但很难说。

最新更新