框架集框架内的bootstrap问题

时间:2014-03-18 23:24:45

标签: html css twitter-bootstrap mobile-safari frameset

我目前正在开发一个带有Bootstrap 3.1.1的页面,该页面将通过Enterprise LMS(CSOD)作为学习模块提供,并且遇到了如何在IOS设备上扩展的问题。

一旦加载到LMS中,页面在桌面浏览器中查看时响应完美,但在IOS中查看时页面默认为992px宽度(无论实际屏幕宽度是多少)并缩放以适应内容而不是响应一般。这种情况发生在iPad和iPhone上。

我确信这个问题不在于实际页面的代码,而在于LMS如何加载页面(在普通网络服务器上测试了页面,并且它在所有设备上都能正常工作)。

当通过系统访问该页面时,LMS实际上会加载一个' Launch'包含一系列框架的页面,然后将源内容加载到“课程”中。帧:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>Launch</title>
</head>
<frameset rows="0,0,0,*0" border="0" frameborder="0" framespacing="0">
<frame name="frmRqst" id="frmRqst" src="ScormRequest.aspx?s=123465abc2" frameborder="0" noresize="noresize" scrolling="no">
<frame name="frmRsltGet" id="frmRsltGet" src="result.htm" frameborder="0" noresize="noresize" scrolling="no">
<frame name="frmRsltPut" id="frmRsltPut" src="result.htm" frameborder="0" noresize="noresize" scrolling="no">
<frame name="lesson" id="lesson" src="result.htm"?>
<frame id="frmApi" src="ScormLms.aspx?s=123456abc2&c=" frameborder="0" noresize="noresize" scrolling="no">
</frameset>
</html>  

现在由于这是一个企业系统,我绝对没有机会对LMS如何加载页面或上面的代码进行任何更改。

所以我的问题是,我可以在源代码中包含任何可以更改或覆盖“启动”页面的框架设置的内容,并确保跨设备的页面平滑吗?

提前致谢。

0 个答案:

没有答案