uc浏览器字体放大解决方案

最新推荐文章于 2021-09-13 17:16:41 发布
转载 最新推荐文章于 2021-09-13 17:16:41 发布 · 765 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://yq.aliyun.com/articles/572711

本文介绍了UC浏览器在特定情况下自动放大字体的问题，并提供了一个简单的解决方案，即通过添加<meta name=wap-font-scale content=no>代码来禁用该功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在移动端其他浏览器下全都是好的，但是在uc浏览器下有时候会出现字体莫名放大现象。

解决方案如下:

 
 
 
  
 
   
 
    
 
        

         1
        
 		 
        
 
         
 
          <
          meta 
          name
          =
          "wap-font-scale" 
          content
          =
          "no"
          > 
         
 
        
 

   
 
  
 
 
 
 
这是因为uc浏览器判断到页面上文字居多时，会自动放大字体优化移动用户体验。
 
 
只要通过上面的代码去掉这个优化就可以了。
 
 

 
 

 
 
原文发布时间为：2017-2-23
 
 
本文作者：admin
 
 
本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落
 
 
原文链接：uc浏览器字体放大解决方案
 
 

 


                

        




    

    
  



    



                



	

		

			

				
					
【react-natvie】react-native Android webview下h5使用rem布局会随系统字体放大缩小的解决方案

				
			

			

				

					snow_finland的专栏
				

				

					03-22
					
					2256
					
				

			

		

		

			
				
问题描述：

react-native Android webview下h5使用rem布局会随系统字体放大缩小

Android普通浏览器里，在浏览器直接调整字体大小（例如UC、QQ浏览器等都支持改变浏览器里字体大小），h5使用rem布局会随浏览器设置的字体放大缩小

由于Rem布局本身已经考虑到了不同机型/浏览器/分辨率的适配问题，这个时候再随系统字体、浏览器字体放大缩小就会造成布局的混乱，所以...

			
		

	



                

            
              



	

		

			

				
					
android webview 字体被放大,解决因为手机设置字体大小导致h5页面在webview中变形的BUG...

				
			

			

				

					weixin_34015347的博客
				

				

					05-25
					
					3644
					
				

			

		

		

			
				
解决因为手机设置字体大小导致h5页面在webview中变形的BUG首先，我们做了一个H5页面，在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局，通过JS来动态计算网页的视窗宽度，动态设置html的font-size，一切都比较完美。这时候，你自信满满的将h5地址交给了APP工程师，做了一个WEBVIEW嵌套，然后就顺利交工了。测试组在一堆手机中测试APP，突然，在某个手机上打开，你的页...

			
		

	



              


  
              

                


	

		

			

				
					
手机UC浏览器字体放大

				
			

			

				

					上帝的FANS的专栏
				

				

					03-30
					
					971
					
				

			

		

		

			
				
UC浏览器字体放大，哎！反正UC浏览器自己觉得挺好，给我这个页面小编带来了1个小时的各种调！！！

			
		

	





	

		

			

				
					
禁止浏览器放大字体

				
			

			

				

					weixin_34244102的博客
				

				

					12-17
					
					802
					
				

			

		

		

			
				
if (typeof (WeixinJSBridge) == "undefined") {
document.addEventListener("WeixinJSBridgeReady", function (e) {
setTimeout(function () {
// 直接修改用户设置的/默认字体
WeixinJSBridge.invoke('setFontSizeCallbac...

			
		

	



		

			
		



	

		

			

				
					
发现移动端在uc浏览器上会放大bug，解决此bug的方法！

				
			

			

				

					weixin_30619101的博客
				

				

					12-24
					
					502
					
				

			

		

		

			
				
　　最近做移动端项目，发现一个问题，就是做好的移动web页面，在所有浏览器中都正常，但是在手机下uc浏览器打开就会有个别页面放大，样式也会改变，找了很长时间的问题，发现不是代码问题。
　　在网上搜了很多解决方法都不行，如通过改变css属性：利用css禁用了浏览器对字体的默认设置，还是不行。
html{-webkit-text-size-adjust:none;} 　　　　最后找到了一种解决方式...

			
		

	





	

		

			

				
					
怎样更换UC浏览器的字体？更换UC浏览器的字体的方法

				
			

			

				

					yisago的博客
				

				

					05-06
					
					613
					
				

			

		

		

			
				
uc浏览器是一个非常好用的搜索服务软件，需要使用浏览器的用户可以使用手机在这里操作，用户在使用一个软件的时候，可以将这个浏览器设置成自己喜欢的字体，这样使用起来就会更加的方便，在阅读的时候，使用顺眼的字体非常的重要，那么有需求的用户就来一起看看详细的操作方法吧!帮助用户快速设置成自己喜欢的字体，这样使用起来才会更加的顺手，需要的用户就来一起看看是如何设置使用的吧!
怎样更换UC浏览器的字体？更换UC浏览器的字体的方法
1、点击UC浏览器的图标打开APP。
2、在首页最下方的导航栏中点击“菜单”。
3、点击跳

			
		

	





	

		

			

				
					
UC浏览器电脑版怎么设置字体大小 UC浏览器字体设置教程

				
			

			

				

					yisago的博客
				

				

					09-13
					
					1203
					
				

			

		

		

			
				
对于一些视力不好的小伙伴进行浏览网页的时候，要是浏览器的字体更大些的话看着就会轻松多了，下面小编就为你带来UC浏览器字体设置教程。
UC浏览器电脑版怎么设置字体大小：
打开UC浏览器，点击“菜单”按钮，然后从弹出的菜单中选择“设置”项。
UC浏览器电脑版怎么设置字体大小 UC浏览器字体设置教程
在打开的设置界面中，切换至“其它”选项卡，找至“字体大小”项就可以进行设置啦。
UC浏览器电脑版怎么设置字体大小 UC浏览器字体设置教程
当我们从“字体大小”下拉列表中选择一种合适的字体大小时，浏览器会自动保存对字体

			
		

	





	

		

			

				
					
h5 android 字体设置,解决因为手机设置字体大小导致h5页面在webview中变形的BUG

				
			

			

				

					weixin_35809867的博客
				

				

					05-26
					
					4035
					
				

			

		

		

			
				
解决因为手机设置字体大小导致h5页面在webview中变形的BUG首先，我们做了一个H5页面，在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局，通过JS来动态计算网页的视窗宽度，动态设置html的font-size，一切都比较完美。这时候，你自信满满的将h5地址交给了APP工程师，做了一个WEBVIEW嵌套，然后就顺利交工了。测试组在一堆手机中测试APP，突然，在某个手机上打开，你的页...

			
		

	





	

		

			

				
					
react手机机端css_react工程搭建系列之---移动端适配与antd-mobile高清适配方案

				
			

			

				

					weixin_39914975的博客
				

				

					01-12
					
					864
					
				

			

		

		

			
				
一、逻辑像素(css像素)与物理像素(设备像素)机型逻辑像素物理像素Scale Factoriphone 3GS320 x 480320 x 4801xiphone 4320 x 480640 x 9602xiphone 4S320 x 480640 x 9602xiphone 5320 x 568640 x 11362xiphone 5C320 x 568640 x 11362xiphone 5...

			
		

	





	

		

			

				
					
CSS3---移动端苹果安卓适配

				
			

			

				

					weixin_45343884的博客
				

				

					09-20
					
					1870
					
				

			

		

		

			
				
常见苹果适配问题：
【问题1】：iPhone页面会自动把数字当成电话号码，点击后自动跳到电话拨号界面
♥♥♥方案：<meta name="format-detection" content="telephone=no" />
【问题2】微信浏览器自动调整页面字体大小
♥♥♥方案：禁止微信浏览器调整页面字体大小:
			body{
				-webkit-text-size-adjust...

			
		

	





	

		

			

				
					
一号店html5首页静态代码

				
			

			

				

					01-10
				

			

		

		

			
				
一号店html5首页静态代码，通过m.yhd.com下载下来，含编译后的css和js。

			
		

	





	

		

			

				
					
安卓下UC浏览器的字体变大bug

				
			

			

				

					icesschen的博客
				

				

					09-05
					
					1349
					
				

			

		

		

			
				
不知道大家有木有遇到这样的情况，在某些安卓UC浏览器下，默认字体被放大了，导致排版错乱，除非将浏览器默认字体设置成80%，才能显示正常大小，但这不是解决方案，用户不会去设置成80%的。这是UC浏览器，在字数较多的页面启用了这样的规则，但着对于我们前端来说真是难以忍受的bug，需求方就会跑过来说不兼容，页面错版了有木有啊，求解决啊~我试了很多方法，都无果，比如在css字体大小加个important，

			
		

	





	

		

			

				
					
解决UC手机字体变大的问题

				
			

			

				

					一直专注于互联网
				

				

					09-29
					
					740
					
				

			

		

		

			
				

UC手机浏览器在识别到页面文字很多的情况下会自动放大字体优化阅读体验，如果要关闭这个功能需要在网页头部添加：
&lt;meta name="wap-font-scale" content="no"&gt;
 
例如：
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;meta charset="UTF-8" /&gt;


			
		

	





	

		

			

				
					
谷歌浏览器chorme，wap浏览器，字…

				
			

			

				

					夕雨林流金,web全栈,web全端,网站技术博客
				

				

					04-13
					
					557
					
				

			

		

		

			
				
谷歌浏览器chorme，wap浏览器，字体font-size小于
#acctime
div{font-size:14px;-webkit-transform:scale(1);-webkit-transform-origin:0
0;}
-webkit-transform:scale(1);为缩放比率
-webkit-transform-origin:0
0;缩放基点，此为以0，0坐标为基点等比例

			
		

	





	

		

			

				
					
关于meta标签

				
			

			

				

					cily
				

				

					03-10
					
					475
					
				

			

		

		

			
				
//浏览器编码类型









//浏览器编码类型



//清除浏览器缓存




// iPhone 手机上设置手机号码不被显示为拨号链接


//iOS私有属性，可以添加到主屏幕


//iOS私有属性，网站开启对
 web app 程序的支持

			
		

	





	

		

			

				
					
用户设置了系统字体，导致页面布局错乱，微信公众号

				
			

			

				

					weixin_42241340的博客
				

				

					03-18
					
					761
					
				

			

		

		

			
				
兼容android代码
  /* 禁止用户自定义设置字体大小 */
    (function () {
      if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
        handleFontSize();
      } else {
     ...

			
		

	





	

		

			

				
					
移动端内置浏览器的字体被手动放大优化，强制转回默认字体大小

				
			

			

				

					HZ0613的博客
				

				

					01-05
					
					883
					
				

			

		

		

			
				
前言
前端开发在做移动的时候，会遇到适配问题，就是不同手机不同机型的屏幕大小和分辨率那些事不一样的，所以需要我们去做适配，一般都是转换成"vw"或者"rem"单位最多，你是做移动端的H5页面的话，用户打开你的H5页面，如果用户的内置浏览器被她手动放大了的话，那么咱们的页面就会发生变形和字体往下移动，为此现在分别为ios系统（苹果手机）和安卓手机做优化，不管用户的字体被放多大，最后都会以默认大小的字体显示。

加QQ技术交流群741843152，一起讨论哦~~~~
欢迎访问我个人博客，里面有更多干货哟~~：点

			
		

	





	

		

			

				
					
解决UC手机字体变大的有关问题

				
			

			

				

					weixin_30809333的博客
				

				

					03-05
					
					466
					
				

			

		

		

			
				
解决UC手机字体变大的问题

UC手机浏览器在识别到页面文字很多的情况下会自动放大字体优化阅读体验，如果要关闭这个功能需要在网页头部添加：
<meta name="wap-font-scale" content="no">

<html lang="en">
<head>
<meta charset="UTF-8" />
<me...

			
		

	





	

		

			

				
					
html css (wap)  网页基础配置

				
			

			

				

					夜阑珊妖妖
				

				

					11-22
					
					1077
					
				

			

		

		

			
				
wap:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">

例：
<!DOCTYPE html>
<html lang="en">...

			
		

	





	

		

			

				
					
UC浏览器电脑版测试版功能介绍

				
			

			

				

					
				

			

		

		

			
				
UC浏览器电脑版是一个适用于个人计算机的网页浏览器，它是由优视科技有限公司（UCWeb）开发的。这一浏览器支持包括Windows操作系统在内的多种平台，用户可通过它访问互联网，浏览网页。根据描述，这里介绍的是一个...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值