為什麼這篇Google 表單 改字體大小鄉民發文收入到精華區:因為在Google 表單 改字體大小這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者t0336470 (GniN)看板Web_Design標題[問題] Google問卷的ifram...
我利用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