精华内容
下载资源
问答
  • 为什么电脑屏幕字体变模糊了.docx
  • 苹果Macbook Pro分辨率怎么调想把屏幕上的字体显示变大小.docx
  • 近期遇到一个问题,在H5页面给字体设置了固定的尺寸15px,在andriod手机上横竖屏字体大小不变,但是在苹果手机上,横屏字体变大,在网上查了资料才知道,需要设置一个属性text-size-adjust -webkit-text-size-...

    近期遇到一个问题,在H5页面给字体设置了固定的尺寸15px,在andriod手机上横竖屏字体大小不变,但是在苹果手机上,横屏字体会变大,在网上查了资料才知道,需要设置一个属性text-size-adjust

    -webkit-text-size-adjust: 100%;
    1
    这属性现在的一般用处是防止iPhone在坚屏转向横屏时放大文字(注意,就算viewport设置了maximum-scale=1.0 文字还是会放大的)。而且iPhone和iPad的默认设定是不一样的iPhone默认设定 -webkit-text-size-adjust: auto;iPad默认设定-webkit-text-size-adjust: none;所以iPad默认是不调节的。
    此属性还支持百分比,这在当前的桌面版的webkit浏览器是不支持的,所以如果不想让iPhone横坚屏切换的时候调节文字,用-webkit-text-size-adjust: 100%;绝对不能用-webkit-text-size-adjust: none;这会导致仍然支持 -webkit-text-size-adjust: none;的桌面版的webkit浏览器无法人为放大文字大小,严重影响可用性。

    取值:
    auto:(默认取值)文本大小根据设备尺寸进行调整。
    none:文本大小不会根据设备尺寸进行调整。
    :用百分比来指定文本大小在设备尺寸不同的情况下如何调整。

    说明:
    检索或设置移动端页面中对象文本的大小调整。
    该属性只在移动设备上生效;仅支持webkit内核!
    如果你的页面没有定义meta viewport,此属性定义将无效;
    对应的脚本特性为textSizeAdjust。

     

    此处对meta viewport进行理解:

     HTML meta viewport属性说明(mark)

    什么是Viewport

    手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag,让网页开发者来控制 viewport 的大小和缩放,其他手机浏览器也基本支持。

     

    Viewport 基础

    一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下:

    <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

    width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
    height:和 width 相对应,指定高度。
    initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
    maximum-scale:允许用户缩放到的最大比例。
    minimum-scale:允许用户缩放到的最小比例。
    user-scalable:用户是否可以手动缩放

     

    关于viewport的一些问题

    viewport并非只是ios上的独有属性,在android、winphone上同样也有viewport。它们要解决的问题是相同的,即无视设备的真实分辨率,直接通过dpi,在物理尺寸和浏览器之间重设分辨率,这个分辨率和设备的分辨率无关。比如,你拿个3.5寸-320 * 480的iphone3 gs、3.5寸-640 * 960的iphone4或者9.7寸-1024*768的ipad2,虽然设备的分辨率不同,物理尺寸也不同,但你可以通过设置viewport让它们在浏览器里有相同的分辨率。比如说,你的网站是800px宽,你可以通过设置viewport的width=800,来让你的网站在这三个不同的设备上都刚好满屏显示你的网站。

     

    以上的知识,相信每个对viewport稍有了解的同学应该都已经了解了。这不是我今天想说的重点。我想说明的是viewport在ios和android上的一些差异表现。

     

    网上一搜关于viewport的知识,基本上全都是如下信息:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />

    这段代码的意思是,让viewport的宽度等于物理设备上的真实分辨率,不允许用户缩放。一都主流的web app都是这么设置的,它的作用其实是故意舍弃viewport,不缩放页面,这样dpi肯定和设备上的真实分辨率是一样的,不做任何缩放,网页会因此显得更高细腻。玩ps的同学应该都知道,当你将一张1000 * 1000的图片直接缩放至500 * 500分变成什么样,对吧?图片的失真一定逃不掉。

     

    但我要做的一个应用却恰恰相反,需要利用viewport,利用缩放。不论真实分辨率是多少,无论物理尺寸是多少,我都希望在浏览器里,能有统一的分辨率,同时也不允许用户缩放。我用来测试的设备有:iphone4、ipad2、htc的g11、不知道什么厂商的aquos phone(android系统)、华硕的android pad、dell的winphone然后我一路遇到了如下问题:

     

    1)如果不显示地设置viewport,那么width的默认为980。如果页面的所有元素宽度都小于980,此时width为980,如果页面最宽的位置超过980,那么width等于最大宽度。总之,默认能将整个页面从左到右显示出来。如果设置了viewport,比如,只单纯地设置了user-scalable=no,例如<meta name="viewport" content="user-scalable=no" />,那么ios下width还是按980显示(即默认就会通过dpi缩放),但android和winphone下却不会再缩放了,浏览器分辨率和真实设置分辨率一致。

     

    2)对于ios设备,设置width可以生效,但对于android,设置width并不会生效。ios设备,缩放的比率即dpi是通过你设置的width和设置真实分辨率自动计算的,而android下你设置width无效,你能设置的是一个特殊的字段target-densitydpi,关于target-densitydpi可以参考一下这篇文章:http://hi.baidu.com/j_fo/blog/item/748361279ebccd18908f9d7d.html。也就是说,有三个变量:浏览器width、设备真实width、dpi。 我们简单地用个公式来表达它们之间的关系吧(并非真实关系,简单说明用) 设备真实width * dpi = 浏览器width,这里的三个变量,设备真实width是个我们不能操作的已知值,另外两个变量我们可以设置一个来影响另一个,在ios中,我们能改的是浏览器width,dpi自动生成,而在android中,我们能改的是dpi,浏览器width自动生成。对于android,无论我们如何设置width,也不会对浏览器width产生影响。

     

    ps:这里我另外再说一个奇怪的问题:在htc的g11里(htc的手机我只有这一个,别的没有测),如果设置了dpi而不显示地设置width,则user-scalable=no不生效,即是说:<meta name="viewport" content="target-densitydpi=300,user-scalable=no" />,无法阻止用户缩放屏幕。我们需要显示地设置一下width值,仅管这个值对android下的浏览器分辨屏并不产生任何影响(对ios还是会产生影响的),我们仍然要设置它,而且这个值一定要大于320,如果小于等于320,也无法使user-scalable=no生效。这个问题只在htc的g11手机上出现,在aquos phone没有这个问题。兼容android真是件头痛的事 @_@,未来还不知道有多少坑呢。而在winphone上,结果就更奇怪了:我给viewport的width设一个大于480的值,user-scalable=no就失效了,而设一个小于480的值,user-scalable=no能生效。但无论我给viewport的width设多少值,对winphone真正显示的width却并不产生我预期的影响,通过target-densitydpi也没有影响。设置width,如果小于480的话,屏幕会缩放,但缩小的比例却和我预期完全不一样,我不知道它是按照什么规律缩放的。不知道这是winphone的问题,还是dell实现的问题。

     

    3)这一条和上一条应该是直接相关的:ios设备在横竖屏时,会自动调整dpi,无论横屏还是竖屏,都能保证浏览器width等于viewport中设置的值,所以横竖屏的时候,页面里显示的内容的大小是会自动缩放产生变化的。而android手机在横竖屏的时候,不会改变dpi,在横竖屏的时候,网页不会产生缩放。也正因此,ios可以保证横竖屏页面都不会产生滚动条,满屏显示,而android却无法保证这一点,横着满屏则竖着无法满屏,反之亦然。

     

    4)对于ios设备,如果width显示定义了,而页面最宽的位置超过width的话,width无效,仍按最宽的宽度来显示(不会有滚动条)。但此时会出现一个很奇怪的问题,当你将手机横竖屏切换几次之后,会发现你的页面自动放大了,出现了滚动条,但其实放大后的宽度其实和你设的width也并没有关系。为了防止这种情况出现,你需要将width的宽度设置得比页面最宽的地方更大,或者相同。

    转载于:https://www.cnblogs.com/nlyangtong/p/10393741.html

    展开全文
  • 怎样把网页上的字显示变大打开IE---工具---选项---辅助功能---选:不使用网页中指定的文字大小。可以完全使用"中文字大小功能。<楼上说的不够明确,不过你也应该能看明白,就是从IE工具栏中点:查看-编码-简体...

    如何更改网页显示字体的大小

    1、打开浏览器,浏览器右上角点击三横按钮。

    a8014c086e061d95d24c388d75f40ad162d9ca79.jpg

    怎样把网页上的字显示变大

    打开IE---工具---选项---辅助功能---选:不使用网页中指定的文字大小。就可以完全使用"中文字大小功能。<

    楼上说的不够明确,不过你也应该能看明白,就是从IE工具栏中点:查看-编码-简体中文或自动就可以了<

    (1)按住ctrl再滚动鼠标滚轮

    往前滚放大,往后滚缩小

    (2)你就选择菜单里的 查看-字体大小

    (3)还有就是菜单里的工具-internet-常规选项卡-可以看到的“字体”

    有的网页的字体好像是不能改变大小 的,比如用滚轮的那个方法,不一定都能用的。结合使用了

    你把浏览器全屏就行了(F11)

    不行就换大个显示器了,呵呵<

    IE浏览器,查看,字体<

    网页设置 查看 字体大小 中等 就可以弄大了

    桌面的图标小的话可能是分辩率的问题 右键 属性 设置 屏幕分辨率调到你要的就可以了 一般是1024*768<

    有可能是你的显示器的分辨率调得太大了。

    你可以试试,对着桌面空白地方点右键-属性-设置

    然后把下面的分辨率调到一般常用的1024*768

    然后点确定看看。

    有些网页有CSS限制了字体的大小,一般是无法放大的。

    如果没有CSS的网页,你可以点着Ctrl,然后滑动鼠标的滚轮进行放大/缩小。

    祝你好运。<

    IE浏览器-》查看-》字体大小-》中<

    浏览器的最上面的菜单栏.

    查看-字体大小-中等.<

    一般是显卡出了问题,可能要坏了

    再就是你的电脑中病毒了,你重装一下看看,如果不行就是显卡坏了<

    打印网页内容文字太小,如何变大?

    下面介绍随心设置打印字体的大小的方法:

    1、在网页中选好需要打印的内容块,在菜单中选:文件-》打印。

    2、在弹出的选项框中选:选定的范围/首选项

    3、在新弹出框菜单栏中选“Effects”项,然后调节“Scaling”栏中字体大小调节钮,上面会显示字体的缩放倍率,自己认为能达到所需的字体大小,然后点“确定”钮退出,开始打印就行了

    怎么让百度页面的字变大

    不知道你用的是什么浏览器,一般在浏览器左上方有个“页面”或“查看”里选择“文字大小”,你可能选择符合自己习惯的字号!

    如何使电脑网页里的字体变大?

    1、在我们的电脑桌面上找到qq浏览器,并点击它

    9213b07eca80653850876f5399dda144ad348205.jpg

    网页打开后字体特别大,怎么办?

    使网页字体变小的方法:

    方法一:鼠标左键点在网页空白处然后同时按下“ctrl”键与“-”减号键 ,可以使网页中的字体变小(变大是ctrl+“+”加号键)

    方法二:按住"ctrl"键的同时,向下滚动鼠标(向上是变大)。这样更方便一些(因为不用在键盘上找加减号了)。

    另:这两种方法适用于所有浏览器

    PS:打开网页后可以按下F11键,就可以把网页的标签栏和任务栏也去掉了,这样看网页更方便些(再按F11就能还原网页)。

    怎么让html字体变大?

    使html页面的内容字体变大的方法有两种:

    1、使用hml中的font标签中size属性进行字体的设置。

    2、使用css样式中的font-size进行字体字号的设置。

    工具原料:编辑器、浏览器

    方法一:使用html中的size属性

    1、使用一个size属性改变字体的大小:

    This is some text!

    2、运行的结果如下:

    eac4b74543a9822665a055578082b9014a90eb59.jpg

    展开全文
  • Ubuntu 设置屏幕字体大小

    千次阅读 2019-03-25 17:11:42
    在【设置】-->【显示】-->【菜单和标题栏缩放比例】这里 从 1 改比如 1.38 修改之后,滚动条 和 关闭/最小化/最大化按钮 也会跟着变大一些。 ...

    在【设置】-->【显示】-->【菜单和标题栏缩放比例】这里

    从 1 改为比如 1.38

     修改之后,滚动条 和 关闭/最小化/最大化按钮 也会跟着变大一些。

     

    展开全文
  • css折行字体变大

    2018-05-26 15:21:37
    Font Boosting(字体放大) 1. 别名 Text Autosizer(文本自调) ... 当我们在手机上浏览网页时,很可能因为原始页面宽度较,在手机屏幕上缩小后看不清其中的文字了。而 Font Boosting 特性在这时会自动...

    Font Boosting(字体放大)

    1. 别名

    • Text Autosizer(文本自调)
    • Font Inflation(字体膨胀)

    2. 现象

    字体显示尺寸比CSS中指定尺寸大。Chrome自行放大页面字体的大小。

    3. 原因

    当我们在手机上浏览网页时,很可能因为原始页面宽度较大,在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会自动将其中的文字字体变大,保证在即不需要左右滑动屏幕,也不需要双击放大屏幕内容的前提下,也可以让人们方便的阅读页面中的文本

    4. 解决

    • 方法一
      在出现Font Boosting情况的元素CSS加上max-height:100%即可。
    • 方法二
      给元素设置-webkit-text-size-adjust: none;

    5. 参考

    https://www.jianshu.com/p/e93a2ac608b2

    展开全文
  • rpx:屏幕宽度是固定的 750rpx,也就是说:5rpx == 5 / 750 * 屏幕宽度,竖切换成横屏幕宽度变大,5rpx也会随即变大字体就变大了。 有人说用px解决,没错,的确可以,但不同尺寸,不同分辨率的手机,...
  • TIA博途中触摸仿真时画面字体变大,超出范围的处理方法
  • 高分辨率屏幕的电脑安装虚拟机(centos 7)后,字体会很小,变大的命令如下:最后的数字表示变大倍数,适用于gnome桌面 gsettings set org.gnome.desktop.interface scaling-factor 2 ...
  • 1.电脑显示字体图标都变大了怎么办一、【问题描述】:调整屏幕分辨率二、【原因分析】:分辨率过或者过小三、【简易步骤】:【桌面空白处右键】—【属性】—【设置】—【调节到最佳显示状态】四、【解决方案:】:...
  • 液晶C程序_汉字显示+字体大小可+画图 画线+屏幕任意移动+串口通信
  • iPhone屏幕适配,启动页设置,xcode6 ...程序启动后状态栏字体变大: 这个问题就是因为我们的APP启动界面图片问题,简单的解决办法就是启动页面图片分辨率改成相应屏幕分辨率。具体原因往下看: 我们可以穿件一个
  • 有细心的小伙伴发现自己的 Mac 升级到了 Mojave 系统后,并且用的是 “非 Retina” 屏幕字体得比较细,不是那么清楚,该怎么解决这个问题呢?下面小编就来告诉大家macOS Mojave 在非Retina屏幕字体太细的...
  • 页面字体采用:rem document.documentElement.style.fontSize = document.documentElement.clientWidth / 1280 + ‘px’;...此时字体就可以随屏幕大小改变而改变了 但此时又有一个问题:一个正方...
  • 在极少数制作原型图时需要12以下的文字,但是在浏览器中浏览时字体就变大。这个问题是因为浏览器有最小字体的设置,一般在浏览器中设置>界面设置>字体大小中设置。
  • 字体渐变加粗

    2015-08-15 19:37:45
    CDC::TextOut输出的字体只有加粗和不加粗2种效果,这是微软系统默认的效果,现在项目的需要,设置画笔宽度(使字体变粗变细),输出字体轮廓路径,调用API:BeginPath--》TextOut--》EndPath--》StrokeAndFillPath....
  • 字体变大-crx插件

    2021-04-01 20:01:59
    辅助功能:缩放文本只有在这里你可以充分利用网站的字体只需按一下按钮。它是伟大的高DPI屏幕阅读!更新日志:http://docs.google.com/View?id=dfjh722z_76d5rjt8f7字体大小减少可以在这里找到:...
  • 然后神奇般的清晰无比了,以前1080分辨率的开125%缩放,程序界面的字体就模糊的不行,现在这个可以完美解决,暂时没发现什么问题,不用换成WPF来改界面了,这样做貌似只是让其按照100%的大小显示屏幕如果...
  •   在微信
  • TIA博途中触摸仿真时画面字体变大,超出范围的处理方法 Win10系统,TIA博途软件,HMI仿真时画面字体变大了,超出了范围,文字显示不全,如何处理? 可能原因: 项目文本和图形对象在PC站和操作面板上显示被改变,...
  • 常见的适配在这类不详细介绍了,大家可以参考这里的系列文章Android通用屏幕适配讲解的已经很详细了。下面说的是:当修改系统的字体大小、显示大小、默认分辨率的情况下,如何明智的进行适配。 一、修改系统字体...
  • 1.退出全屏视频时跳转到一个空页面 2.在空页面onshow上立即跳转回原来的页面可以 爱你哟 onshow:function(){ uni.navigateTo{ url:’’ } }
  • 您可能不敢相信这就是自己刚才写的。程序预设了行书、草书、王羲之、怀素、徽宗、苏轼等十来种风格。 由于这个版本处于测试阶段,所以诸如“字体变形”等高级功能目前尚不能使用。但是基本功能没有任何时间限制。
  • css webapp手机屏幕适配字体大小

    万次阅读 2018-03-07 15:02:13
    以下这段代码作用是,设置屏幕最大宽度640px,水平居中,以及不同屏幕字体大小。可以将此放进common.css中使用: @media only screen and (min-width: 640px) { html { font-size: 32px; background: #8cbc...
  • 在WebView开发过程中,当用户手动修改系统字体变大时,部分手机会出现WebView页面错乱问题。 为了解决这个问题,需要对WebView进行一个设置。在页面加载之前加上一下代码: webview.getWebSetting().setTextZoom...
  • 记录一下工程中遇到的bug,项目基本完成时候,测试时候遇到在iphone6s plus 上字体和视图都被放大情况,这个问题我查看了自己的设置发现没问题,然后怀疑工程设置...iOS 运行发现,view随着屏幕变大整体放大的问题...
  • 用echarts做大屏可视化的时候会遇到不是用电脑投屏而是直接在大屏打开的情况,这时候大屏幕下固定的px单位的字体就会显得很小。有一种解决方法就是采用rem单位,根据屏幕的宽度调整html的font-size. 获取屏幕...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 60,362
精华内容 24,144
关键字:

为什么屏幕字体自己就变大了