Having been assigned the task of developing a Vue page for my team, I am facing an issue with a persistent white border surrounding the entire page.
<script setup lang="ts">
</script>
<template>
<body>
<div></div>
</body>
</template>
<style scoped>
* {
padding: 0;
margin: 0;
}
div {
top: 0;
left: 0;
background: red;
height: 50px;
}
</style>
https://i.sstatic.net/DFHdJ.png
The displayed result remains unchanged in the browser. Despite research indicating it could be related to standard body margin/padding settings, adjusting these parameters did not resolve the issue. Within my main.ts file, remnants of the original Vue Hello World/Welcome application exist, which also imports CSS files that are empty. Even after removing the initial import, no changes were observed.