I tested the value of innerWidth and found that when I write one content, the value is 980, when I write many contents on the page, the value becomes 1500? How is this 1500 calculated? Why is the maximum is 1500, write more content, it is also 1500
window.onload = () => {
alert(`window.innerWidth--${window.innerWidth}`)
alert(`screen.width--${screen.width}`)
alert(
`document.documentElement.clientWidth--${document.documentElement.clientWidth}`
)
}<template>
<p>
WidthWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtWidtv
980 1500
</p>
</template>
