手机720 x 1280上的矩形720px只有一半可见。

在手机720 x 1280上，矩形720px只有一半可见的问题可能是由于屏幕的缩放或布局设置引起的。下面提供了两种解决方法，一种是使用CSS进行布局调整，另一种是使用JavaScript进行动态计算和调整。

解决方法1：使用CSS进行布局调整

<style>
    .container {
        width: 720px;
        overflow: hidden;
        transform: scale(0.5);
        transform-origin: top left;
    }

    .rectangle {
        width: 720px;
        height: 1280px;
        background-color: red;
    }
</style>

<div class="container">
    <div class="rectangle"></div>
</div>

这段代码中，我们使用了CSS的transform属性来对矩形进行缩放，将其宽度缩小到原来的一半。通过设置transform-origin属性，我们将缩放的原点设置为左上角，以保持矩形的位置不变。然后，通过设置容器的宽度和overflow属性，确保只显示矩形的一半。

解决方法2：使用JavaScript进行动态计算和调整

<div id="container">
    <div id="rectangle"></div>
</div>

<script>
    window.onload = function() {
        var container = document.getElementById('container');
        var rectangle = document.getElementById('rectangle');
        var screenWidth = window.innerWidth;
        var screenHeight = window.innerHeight;
        var rectangleWidth = 720;
        var rectangleHeight = 1280;

        rectangle.style.width = rectangleWidth + 'px';
        rectangle.style.height = rectangleHeight + 'px';

        if (screenWidth < rectangleWidth) {
            var scale = screenWidth / rectangleWidth;
            container.style.transform = 'scale(' + scale + ')';
            container.style.transformOrigin = 'top left';
        }

        if (screenHeight < rectangleHeight) {
            rectangle.style.overflow = 'hidden';
        }
    }
</script>

这段代码中，我们使用JavaScript在页面加载完成后动态计算屏幕的宽度和高度，然后根据屏幕的尺寸和矩形的尺寸进行比较。如果屏幕宽度小于矩形宽度，我们通过设置容器的transform属性来进行缩放，将矩形的宽度缩小到屏幕宽度。如果屏幕高度小于矩形高度，我们设置矩形的overflow属性为hidden，以隐藏超出屏幕范围的部分。