網頁是很久前製作的,沒有RWD,客戶沒有預算重製RWD
在手機輸入input和textarea時,畫面會自動放大
而網頁放大後,顯示用的div浮動位置判斷會錯誤
出現的位置是未放大時的置中位置
導致執行流程中斷(客人找不到div按下一步)
請問能用js或css縮小畫面,或者讓div浮動位置顯示到放大後螢幕的中央
下面是原本調整位置的js
<SCRIPT LANGUAGE="JavaScript">
function sc1(){
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var top = parseInt(document.getElementById("Javascript.Div1").style.top);
if(scrollTop != top){
document.getElementById("Javascript.Div1").style.top = scrollTop + (document.documentElement.clientHeight) / 2 - document.getElementById("Javascript.Div1").offsetHeight+'px'
}
document.getElementById("Javascript.Div1").style.left = (document.documentElement.scrollLeft + document.documentElement.clientWidth - document.getElementById("Javascript.Div1").offsetWidth) / 2+"px";
}
</SCRIPT>
這我只能說比較偏向無解。
還是只能往RWD的做法去處理。
想要做到臨時性的處理。基本上也等於做半套RWD了。
且東改改西跑跑。你會更累。
客戶沒這預算就不要去管了。想要小修改基本很難辦到。