有没有办法将视口的比例动态重置为1.0

是的，可以通过JavaScript代码将视口的比例动态重置为1.0。在前端开发中，可以使用以下代码实现：

// 获取当前视口的宽度
var viewportWidth = window.innerWidth || document.documentElement.clientWidth;

// 获取当前视口的高度
var viewportHeight = window.innerHeight || document.documentElement.clientHeight;

// 计算当前视口的比例
var viewportRatio = viewportWidth / viewportHeight;

// 动态重置视口的比例为1.0
if (viewportRatio !== 1.0) {
  var scale = 1.0 / viewportRatio;
  document.querySelector('meta[name="viewport"]').setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
}

这段代码首先获取当前视口的宽度和高度，然后计算出当前视口的比例。如果当前视口的比例不等于1.0，即视口不是正方形，就通过修改meta标签的content属性来动态重置视口的比例为1.0。这样可以确保页面在不同设备上显示一致，并且适应不同的屏幕尺寸。

推荐的腾讯云相关产品：无

请注意，以上代码只是一种实现方式，具体的实现方法可能因项目需求和开发环境而有所不同。