是否可以使用user-scalable = no水平滚动?

问题描述

我正在尝试在移动设备上显示HTML表,并且页面内容具有以下CSS设置:

.page-content {
    display: flex,flex-direction: column;
    min-width: 900px;
    overflow-x: auto;
}

我正在为移动设备动态设置视口宽度,以使其不会在显示屏上自动放大/缩小。

window.onload = function() {
    let vp = document.getElementById('myViewport');
    if (screen.width < 830) {
        let w = 'user-scalable=no,width=' + screen.width;
        vp.setAttribute('content',w);
    }
}

虽然我可以垂直滚动表的行,但不能水平滚动以查看设备屏幕宽度之外的某些列。如果我从代码删除user-scalable=no,则可以水平滚动,但是在那种情况下,内容自动放大或缩小。

是否可以通过user-scalable=no启用水平滚动?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)