2013-07-22 29 views
0

以下代碼來自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)非常感謝。

由於提前, 丹

+0

'width:window.screen.width/2'?然而,這不是一個標準。 – apsillers

+0

@apsillers不應該是'window.screen.availWidth'? –

+0

@LukeW。是的,應該是!另外,我想我誤解了OP的問題。 – apsillers

回答

2

你能不能做這樣的事情:

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

然後width屬性設置爲:w

請參閱screen width vs visible portion

相關問題