问题描述
我正在尝试在移动设备上显示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 (将#修改为@)