如何使此弹出窗口的宽度占用户屏幕大小的百分比?

时间:2013-07-22 16:29:52

标签: javascript popup

以下代码来自JotForm(联系表单生成工具),当用户单击特定链接时,会出现一个弹出窗口,其中包含一个表单。

以下是为弹出窗口提供动力的Javascript。我试图让它在iPhone上用户友好,所以我试图将弹出窗口的宽度更改为相对大小(例如:百分比而不是像素),但是当我将宽度设置为50%时,按钮用户单击打开表单不再有效。

<script src="http://cdn.jotfor.ms/min/g=feedback2" type="text/javascript">
new JotformFeedback({
formId:'30623215881349',
base:'http://jotformeu.com/',
windowTitle:'Request A Free Callback',
background:'#FFA500',
fontColor:'#FFFFFF',
type:false,
height:351,
width:600
});
</script>

非常感谢任何帮助调整此代码以使弹出窗口占用户屏幕宽度的百分比(例如50)。

提前致谢, 丹

1 个答案:

答案 0 :(得分:2)

你不能做这样的事情:

var w = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;

然后将width属性设置为:w

请参阅screen width vs visible portion