IEの設定“光学ズーム” Javascript / CSSを使用した機能
-
05-07-2019 - |
質問
私が管理しているサイトは、フォントサイズ、サイズ、絶対位置などにピクセルを使用して非常に厳密に設計されています。
ユーザーによるフォントのサイズ変更を追加する機能リクエストがあります。相対的な寸法を使用してゼロからサイトを再設計しないと不可能であることはわかっていますが、IE7 / IE8ズーム機能(Ctrl +& Ctrl-)を使用すると、サイトが非常にうまく再生されることがわかりました。
質問は、ユーザー自身がズームする必要なく、IEをデフォルトのズームレベル(たとえば、125%)でこのサイトを開くことを「提案」する方法はありますか?
このサイトはIE 7以降でのみ使用されます。
解決
これがユーザーの選択である場合、ブラウザの最も成熟したブラウザにページレンダリングを拡大するズーム(IE 7および8、Opera、FireFox、Chrome 2.0、Safari?)に任せてください。ユーザーがどのシステム(画面解像度)から来ているかによって、ズームの選択が決まります。残念ながら、各ブラウザはズーム設定の記憶を少しずつ処理します。たとえば、クロムはサイトごとに記憶します。つまり、新しいタブ/ウィンドウごとのグローバル設定です。
他のヒント
本当にしたいことをしたい場合、もちろんお勧めしませんは、次のようなものを試してください:
$(function(){
var ratio = 1;
$(document.body).css("zoom", 1.25); // zoom the page on DOMReady
// bring back a 'normalized' behavior keyevent zooming
$(document).keydown(function(e){
if(e.ctrlKey && {187:1, 189:1, 96:1}[e.which]) {
switch(e.which){
case 187: // ctrl +
ratio += 0.25;
break;
case 189: // ctrl -
ratio -= 0.25;
break;
case 96: // ctrl 0
ratio = 1;
}
$(this.body).css("zoom", ratio);
e.preventDefault();
}
});
});
所属していません StackOverflow