论坛手机端页面显示尺寸修补

Firelonmi · 发表于 2024-11-19 19:20:54

本帖最后由 Firelonmi 于 2024-11-20 14:04 编辑

iphone12访问论坛能正常看清，文字大小也适中。但我主力机器是小米，用任何浏览器访问论坛，最终效果如图：

文字，页面的各种链接、按钮，全都非常小。
于是借助Ai搞了个脚本，现在的效果我基本能接受了。效果如图：

具体脚本如下，有需要的可以试试。
适用于手机浏览器，像是firefox，edge等，可以设置油猴脚本的浏览器。Via这种没试过。

// ==UserScript==
// [url=home.php?mod=space&uid=668096]@Name[/url] Force 640px Width and Zoom on GameMale
// @namespace http://tampermonkey.net/
// @version 0.2
// @description Force the website to load in 640px width mode and zoom to 100%
// @author Copilot
// @Match https://www.gamemale.com/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
function setViewport() {
var viewport = document.querySelector('meta[name="viewport"]');
if (!viewport) {
viewport = document.createElement('meta');
viewport.name = "viewport";
document.head.appendChild(viewport);
}
viewport.content = "width=640, initial-scale=1";
}
function setZoom() {
document.body.style.zoom = '1';
}
window.addEventListener('load', function() {
setViewport();
setZoom();
});
window.addEventListener('resize', function() {
setViewport();
setZoom();
});
})();

复制代码

一些使用提示：
viewport.content = "width=640, initial-scale=1";
这里，640可以换成320，375等手机页面常用的尺寸。推荐取320的整数倍。
document.body.style.zoom = '1';
这里是页面的放大倍数。手机端浏览器很多没有放大网页的功能，或功能不正常，可以拿这个调整试试。
此方案实际上不完美。待优化。