Javascript Safari中错误断点上应用的样式_Javascript_Css_Safari_Breakpoints

Javascript Safari中错误断点上应用的样式

javascript css safari

Javascript Safari中错误断点上应用的样式,javascript,css,safari,breakpoints,Javascript,Css,Safari,Breakpoints,例如，我将断点设置为1024和768。在chrome和firefox中，样式在特定断点处正确应用，因此样式在1023和767处更改。然而，在safari中，样式不是在1023px和767px处更改，而是在1038和783处更改。safari上的所有用户代理（例如，mac和windows上的chrome、firefox）也会发生同样的情况为什么会发生这种情况？我正在使用nuxt和tailwind。提供一个关于我如何编写断点的代码示例会有帮助吗？

例如，我将断点设置为1024和768。在chrome和firefox中，样式在特定断点处正确应用，因此样式在1023和767处更改。然而，在safari中，样式不是在1023px和767px处更改，而是在1038和783处更改。safari上的所有用户代理（例如，mac和windows上的chrome、firefox）也会发生同样的情况

为什么会发生这种情况？

我正在使用nuxt和tailwind。

提供一个关于我如何编写断点的代码示例会有帮助吗？