找回密码
 立即注册

QQ登录

只需一步,快速开始

明远 活字格认证
金牌服务用户   /  发表于:2023-6-8 22:14  /   查看:2102  /  回复:3
200金币
本帖最后由 明远 于 2023-6-8 22:34 编辑

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

附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

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

3 个回复

倒序浏览
最佳答案
最佳答案
Simon.Sun活字格认证 Wyn认证
超级版主   /  发表于:2023-6-8 22:14:11
来自 4#
好的,没理解好大佬的意思。
这边尝试在 PC 页面放表格,没能复现您说的点击表格页面放大的情况,您能不能提供一个 demo 呢,这边调查看看。

回复 使用道具 举报
Simon.Sun活字格认证 Wyn认证
超级版主   /  发表于:2023-6-9 12:19:27
2#
本帖最后由 Simon.Sun 于 2023-6-9 12:20 编辑

您好,您看能不能通过调整页面的 zoom 来控制页面大小:
document.body.style.zoom = "100%"
  1. function zoomIn() {
  2.   document.body.style.zoom = "150%"; //设置页面放大比例为150%
  3. }

  4. function zoomOut() {
  5.   document.body.style.zoom = "100%"; //恢复页面正常大小
  6. }
复制代码
做了个 demo,您参考一下,双击表格行会触发放大命令。




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
明远活字格认证
金牌服务用户   /  发表于:2023-6-9 13:48:12
3#
Simon.Sun 发表于 2023-6-9 12:19
您好,您看能不能通过调整页面的 zoom 来控制页面大小:
document.body.style.zoom = "100%"做了个 demo, ...

是PC页面上的表格,在用手机上用浏览器打开这个PC页面时,一选中表格就放大,我需要的是禁用这种一选中表格就放大,也就是在页面加载时直接禁用这个放大和弹出输入法,这个放大太影响操作了。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部