我的主页上有一个幻灯片，缩放到100％宽度。它在我的计算机上完美运行（我甚至可以在Firefox和Safari中一直调整我的浏览器窗口大小，并且效果很好）但它不能在我的iphone上工作（它太宽而且增加了很多页面内容右侧的空白区域。）
幻灯片是一个iframe。我尝试使用html缩放iframe，将其放入div并使用css缩放div，我尝试过这个：http://css-tricks.com/snippets/html/responsive-meta-tag/，但似乎没有任何效果。有没有人有我可以尝试的想法？
谢谢！
网站：www.silvervinedesign.com
答案 0 :(得分：0)
您为此元素的样式定义了像素宽度。因此，它不会有回应。
如果您检查此iframe的来源（右键单击并选择＆＃34; Inspect Element＆＃34;），您会发现包含图像的<ul>元素获得{{1适用于它。每个style="width: 4778px;"子项也会应用显式像素宽度样式。当我查看<li>的来源时，这些iframe标记不存在。
这告诉我你有一些设置这个宽度的javascript函数。看看你的来源，我猜这个插件是style，但很难说。