☰

scale2078

Scale you paye by the width

このスクリプトは単体で利用できません。右のようなメタデータを含むスクリプトから、ライブラリとして読み込まれます: // @require https://update.greasyfork.org/scripts/491239/1351475/scale2078.js

インストール方法

スクリプトをインストールするには、Tampermonkey, Greasemonkey や Violentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、Tampermonkey や Violentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、Tampermonkey や Userscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール！)

インストール方法

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール！)

このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください 
function adjustScale() {
    const baseWidth = 1000;
    const viewportWidth = window.innerWidth;
    const scale = baseWidth / viewportWidth;


    const body = document.body;
    const home = document.getElementById("Home");

    body.style.transform = `scale(0.${scale})`;
    body.style.transformOrigin = 'top left';
    body.style.width = `100vw`;
    body.style.minHeight = '100vh';
    home.style.position = 'relative';
    home.style.left = '10vw';
    home.style.width = '80vw';
}

window.addEventListener('load', adjustScale);
window.addEventListener('resize', adjustScale);