[問題] Google問卷的iframe嵌入縮放
我利用Google 的問卷製作功能做了一份問卷,
但因為問卷的字體大小是不能做更改,
為了一些老人家方便使用,所以希望透過把iframe放大來增加大小,
我從網路找了以下的CSS來放大1.5倍
#iframe {
-moz-transform: scale(1.5, 1.5) translate(20%, 20%);
-webkit-transform: scale(1.5, 1.5) translate(20%, 20%);
-o-transform: scale(1.5, 1.5) translate(20%, 20%);
transform: scale(1.5, 1.5) translate(20%, 20%);
}
然後為了避免除了iframe的捲軸以外主視窗也出現卷軸,
所以用以下js讓iframe的高度不要超過瀏覽器高度。
function reSize(){
//parent.document.all.frameid.height=document.body.scrollHeight;
parent.document.getElementById("iframe").height=(document.body.scrollHeight/1.6);
}
window.onload=reSize;
目前在各個瀏覽器測試後,Google Chrome是有放大1.5倍,
而且抓取到的document.body.scrollHeight是800,
而IE 跟 FF 的iframe則沒有放大,
且抓到的document.body.scrollHeight只有100,
不知道是哪邊發生問題了,
或是有甚麼其他比較好的縮放方法可以提供參考嗎?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.117.72.50
→
11/05 00:00, , 1F
11/05 00:00, 1F