Fonts Safari放大/缩小页面布局(字体大小变化不大)

Fonts Safari放大/缩小页面布局(字体大小变化不大),fonts,safari,cross-browser,zooming,Fonts,Safari,Cross Browser,Zooming,我想让我的网站跨浏览器,但有一个问题 Safari的放大/缩小功能破坏了我的网站布局——它不能很好地改变字体大小(或者至少像IE、Firefox和Chrome那样) 如何修复它?检查css文件中是否有-webkit text size adjust 如果你这样做了,它是下面的 -webkit文本大小调整:无 您需要将其更新为 -webkit文本大小调整:自动检查css文件中是否有-webkit文本大小调整的样式 如果你这样做了,它是下面的 -webkit文本大小调整:无 您需要将其更新为 -we

我想让我的网站跨浏览器,但有一个问题

Safari的放大/缩小功能破坏了我的网站布局——它不能很好地改变字体大小(或者至少像IE、Firefox和Chrome那样)


如何修复它?

检查css文件中是否有
-webkit text size adjust

如果你这样做了,它是下面的

-webkit文本大小调整:无

您需要将其更新为


-webkit文本大小调整:自动

检查css文件中是否有
-webkit文本大小调整的样式

如果你这样做了,它是下面的

-webkit文本大小调整:无

您需要将其更新为


-webkit文本大小调整:自动

缩放很复杂,因为浏览器有三种方式:


  • 仅缩放文本(标准IE和Safari缩放比较复杂,因为浏览器有三种方式:


  • 仅缩放文本(标准IE和Safari我使用css3属性缩放页面

    ( vendor prefix ) - transform = scale( 10 unit);  
        exp : document.body.style.webkitTransform = "scale(10px , 10px)";
    
    最新版本的浏览器,如chrome、ffx,正在按比例缩放页面内容(图像、文本、DOM元素),但在safari浏览器中,文本没有正确缩放。这是一个令人沮丧的用户期望。 它使文本内容模糊

    我曾经修复过css3缩放属性instant of scale属性。 它使内容按比例缩放

    document.body.style.zoom = 1.1;
    

    我曾经使用css3属性缩放页面

    ( vendor prefix ) - transform = scale( 10 unit);  
        exp : document.body.style.webkitTransform = "scale(10px , 10px)";
    
    最新版本的浏览器,如chrome、ffx,正在按比例缩放页面内容(图像、文本、DOM元素),但在safari浏览器中,文本没有正确缩放。这是一个令人沮丧的用户期望。 它使文本内容模糊

    我曾经修复过css3缩放属性instant of scale属性。 它使内容按比例缩放

    document.body.style.zoom = 1.1;
    

    你是说Safari zoom不会像Safari那样更改字体大小?请澄清。意思是像firefox一样-编辑它。请提供用于设置字体的CSS代码,如果HTML代码中有任何标签,请向我们显示你的
    视口
    元标记。你是说Safari zoom不会像Safari那样更改字体大小?请澄清。mea不喜欢firefox-编辑过它。请提供您用于设置字体的CSS代码,如果您的HTML代码中有,请向我们显示您的
    视口
    元标记。我的CSS文件中没有它,添加它没有任何作用。上帝保佑你!:)我的CSS文件中没有它,添加它没有任何作用。上帝保佑你!:)