我正在尝试在我的移动网络应用程序中显示iframe,但是我无法将iframe的大小限制为iPhone屏幕的尺寸.iframe元素的高度和宽度属性似乎没有任何影响,奇怪的是.用div围绕它会设法限制它,但是我无法在iframe中滚动.
之前有没有人在移动游猎中解决过iframe?任何想法从哪里开始?
我不确定这是一个合适的问题,但IOS的新Chrome应用只是一个UIWebView吗?
如果是这样,那么可以安全地假设它和移动Safari之间不应该存在任何渲染差异吗?
我正在开发需要显示来自其他来源(不同域)的页面的iPad html5网页.
我正在加载这些页面iframe,并iframe使用iOs5新的滚动功能滚动,如下面的代码所示.
<div id="myDiv" style="height: 1185px; width: 100%; overflow:scroll; -webkit-overflow-scrolling: touch;">
<iframe id="myIframe" src="http://http://css-tricks.com/forums/discussion/11946/scrolling-iframe-on-ipad/p1"></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)
问题是当滚动到屏幕外iframe内容时(屏幕空白),屏幕外iframe内容不会变得可见.
我如何克服这个问题并提供可滚动的iframe解决方案?
我已经研究过stackoverflow,似乎position:fixed在iOS移动设备的iframe过去一直是一个问题但尚未得到答案.
这是我通过jsbin创建的一个例子:http://jsbin.com/pekeca/1/
在该示例中,存在使用iframe的父HTML页面,该iframe包含另一个HTML页面(子).以下是需要注意的事项:
有没有人想出position:fixediPhone或iOS设备的解决方法?
我使用object标签在HTML中嵌入了PDF.嵌入式PDF是一个大文档,当从我的桌面查看时,PDF在所有浏览器(包括safari)中都使用滚动条正确显示.但是,当我在iPad中查看相同的html页面时,嵌入的PDF没有滚动条.有没有什么方法可以在iPad上显示嵌入式PDF文档的滚动条.
用于嵌入PDF的代码是
<object data="pdf.pdf" type="application/pdf" width="1000px" height="1200px" id="pdfDoc" name="pdfDoc"></object>
Run Code Online (Sandbox Code Playgroud)
我也尝试使用iframe,即使这样也行不通.
iframe ×3
ios ×3
css ×2
ipad ×2
chrome-ios ×1
css-position ×1
html ×1
iphone ×1
pdf ×1
scroll ×1