【9.03】解决移动端项目中苹果ios和安卓android手机点击表格时网页页面自动放大缩小

登录

本帖最后由明远于 2023-6-8 22:34 编辑

想解决移动端项目中苹果ios和安卓android手机点击表格时网页页面自动放大缩小。
在测试手机端打开PC页面，点击页面上的表格时，表格是不能编辑的，但点击后整个页面被放大，并且输入法自动弹出，这个也并不是我所想要的，
我只想要手动放大缩小就可以了。不能编辑的表格不弹出输入法。
我在网上找了解决方案，不知道在活字格里怎么实现。
解决移动端项目中苹果ios和安卓android手机点击输入框网页页面自动放大缩小 (taodudu.cc)

Simon.Sun · Simon.Sun

好的，没理解好大佬的意思。
这边尝试在 PC 页面放表格，没能复现您说的点击表格页面放大的情况，您能不能提供一个 demo 呢，这边调查看看。

Simon.Sun · Simon.Sun

本帖最后由 Simon.Sun 于 2023-6-9 12:20 编辑

您好，您看能不能通过调整页面的 zoom 来控制页面大小：
document.body.style.zoom = "100%"

function zoomIn() {
document.body.style.zoom = "150%"; //设置页面放大比例为150%
}
function zoomOut() {
document.body.style.zoom = "100%"; //恢复页面正常大小
}

复制代码

做了个 demo，您参考一下，双击表格行会触发放大命令。

明远 · 明远

Simon.Sun 发表于 2023-6-9 12:19
您好，您看能不能通过调整页面的 zoom 来控制页面大小：
document.body.style.zoom = "100%"做了个 demo， ...

是PC页面上的表格，在用手机上用浏览器打开这个PC页面时，一选中表格就放大，我需要的是禁用这种一选中表格就放大，也就是在页面加载时直接禁用这个放大和弹出输入法，这个放大太影响操作了。

		自动登录	找回密码
密码			立即注册

[已处理] 【9.03】解决移动端项目中苹果ios和安卓android手机点击表格时网页页面自动放大缩小

最佳答案

3 个回复

本帖子中包含更多资源

活字格认证

Wyn高级认证

Wyn认证

活字格高级认证