为什么 100vw 的 div 在 Safari 中会被截断，而 Chrome 却不会？（在Safari中，如果是99.5vw就非常适合）

Question

我正在制作一个简单的导航栏，但在添加左右填充之前，我已经添加了文本，并且它切断了最右侧文本的最后一个字母。（没有显示“e”表示再见）

但是，它在 Chrome 中运行良好。

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        
        body {
            margin: 0;
            padding: 0;

        }
        nav {
        width: 100vw; 
        max-width: 100%; 
        height: 100px;
        background-color: beige;
            /* border: 10px solid black; */
        text-align: right;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        }
        
    </style>
</head>
<body>
    <nav>
        <div class="nav-left-container">
            <p>Hello</p>
        </div>
        <div class="nav-right-container">
            <p>Goodbye</p>
        </div>
    </nav>
</body>
</html>

注意：这不是导致问题的内部 div。如果您添加一个段落并将文本设置为在导航中向右对齐。结果相同。

为什么 100vw 的 div 在 Safari 中会被截断，而 Chrome 却不会？（在Safari中，如果是99.5vw就非常适合）

问题描述投票：0回答：0

最新问题

为什么 100vw 的 div 在 Safari 中会被截断，而 Chrome 却不会？ （在Safari中，如果是99.5vw就非常适合）

问题描述 投票：0回答：0

最新问题

为什么 100vw 的 div 在 Safari 中会被截断，而 Chrome 却不会？（在Safari中，如果是99.5vw就非常适合）

问题描述投票：0回答：0