在 Safari 浏览器中，可以通过设置 CSS 样式来锁定网页的缩放比例，以防止页面变形错乱。以下是一个示例代码：
css
{
-webkit-overflow-scrolling: touch;
}

这段代码将 `-webkit-overflow-scrolling` 样式设置为 `touch`，这意味着当触摸屏幕时，滚动条会显示出来，而不是默认的自动滚动。这样可以避免在缩放模式下出现页面变形错乱的问题。