社区
CSS
帖子详情
页面字体大小不随浏览器缩放而变化
__努力的小白
2017-05-13 12:48:30
现在的效果是字体会随着浏览器的缩放而变小,想问一下,有没有办法固定字体大小,达到字体大小不随浏览器变化而变化的目的,只是页面中的文字,字大小不变就可以。大多数是中文,一部分阿拉伯数字
...全文
5936
10
打赏
收藏
页面字体大小不随浏览器缩放而变化
现在的效果是字体会随着浏览器的缩放而变小,想问一下,有没有办法固定字体大小,达到字体大小不随浏览器变化而变化的目的,只是页面中的文字,字大小不变就可以。大多数是中文,一部分阿拉伯数字
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
DUWEIZHEN
2021-01-27
打赏
举报
回复
老哥,有解决的办法了么,跪求
__努力的小白
2017-05-17
打赏
举报
回复
引用 8 楼 qq_29594393 的回复:
是这样,因为开发是时候是按1920分辨率开发的,但是项目演示还有有些用户的笔记本有时要用1366的分辨率,那样的话首页展不开,会错位,所以得用Ctrl + - 的方式缩放浏览器,就造成原来合适的字体,缩放后就有些小了
当作看不见
2017-05-16
打赏
举报
回复
可不可以直接限制不能使用Ctrl + - 的方式去控制窗体的大小,不然有些无解,由于这个是等比缩放的,和浏览器功能相关,
__努力的小白
2017-05-16
打赏
举报
回复
引用 4 楼 liaitan 的回复:
我按你说的检查了一下,又单独写了一个页面试了一下,可能是我没表达清楚。我是意思是,按照ctrl滚动滑轮调整浏览器缩放比例的的方式。我按你说的试了一下,字体单位为px时,拖动浏览器窗口来改变浏览器窗口的大小,字体大小不变,但是用ctrl+滑轮那种方式会变大或变小。字体单位为vw时,改变浏览器窗口的大小和ctrl+滑轮缩放,字体都会变小。
__努力的小白
2017-05-16
打赏
举报
回复
[quote=引用 4 楼 liaitan 的回复:] 我按你说的检查了一下,又单独写了一个页面试了一下,可能是我没表达清楚。我是意思是,按照ctrl滚动滑轮调整浏览器缩放比例的的方式。我按你说的试了一下,字体单位为px时,拖动浏览器窗口来改变浏览器窗口的大小,字体大小不变,但是用ctrl+滑轮那种方式会变大或变小。字体单位为vw时,改变浏览器窗口的大小和ctrl+滑轮缩放,字体都会变小。
霜月枫桥
2017-05-15
打赏
举报
回复
楼上正解,首先看font-size是否为固定值,例如16px,1em……而不是80%一类的。 如果确定是固定值,再看一下css中的@media ,删除@media中对字体的设置
Msxindl_Com
2017-05-14
打赏
举报
回复
如果font-size的单位是vw,vh,vmin,vmax,字体会随窗口大小缩放, 要保持固定值,应设置font-size的单位为 px ,em或rem,并检查CSS中@media screen的设置, 还要检查是否有字体缩放相关的JS代码等
__努力的小白
2017-05-13
打赏
举报
回复
有木有大神在的......
__努力的小白
2017-05-13
打赏
举报
回复
顶.........................
__努力的小白
2017-05-13
打赏
举报
回复
顶。。。。。。。。。。。。。。
网页字体
不随
系统
字体大小
_电脑
字体大小
的方法教程
在使用电脑的过程中,经常遇到这样那样的问题。例如我们在打开一个网页,会发现上面的字体变得很小,导致我们阅读起来非常的不方便,并且对眼睛也很不好。那么遇到该问题该如何处理呢?今天小编就来给大家详细的介绍一下如何调整电脑
字体大小
的方法。一起来看看吧。1,点击屏幕左下角的窗口键,如下图所示2,选择设置选项卡,如下图所示3,在设置列表中点击系统选项,如下图所示4,在系统选项列表中点击左边的显示选项,如下图...
JS:
页面
字体根据
页面
大小
变化
JS:
页面
字体根据
页面
大小
变化
基础知识:PX,Em 和 Rem的区别1,设rem置默认大小的:2,利用JS监控
页面
大小
变化
,改变html的默认font-size3,当进入方法时4,当进
页面
缩小的时候 基础知识:PX,Em 和 Rem的区别 1.PX实际上就是像素,用PX设置
字体大小
时,比较稳定和精确。但是这种方法存在一个问题,当用户在
浏览器
中浏览我们制作的Web
页面
时,如果改变了
浏览器
的
缩放
,这时...
页面
不随
着
浏览器
缩放
而
变化
vm/vh
系统
页面
会随着
浏览器
的
缩放
而变形,原使用的是流式布局flex布局px单位还有百分比单位,流式布局没问题,问题在于字体px单位,还有盒子百分比单位,导致变形。这里的布局大盒子不会变但是
字体大小
会变,导致观感很差。这里用到的是css的自定义属性具体,如何自行查询。也就是说 :1vw =19.2px。字体不会随着
浏览器
缩放
而
变化
。你在
页面
的时候就需要进行计算。最近空闲时间拿出代码回顾。首先你得知道你的
浏览器
宽度。例如:1920 *1080。
手机/微信/
浏览器
的字体设置太大,rem 计算不准确
手机/微信/
浏览器
的字体设置太大,rem 计算不准确的问题 鉴于用微信的人特别的多,而且微信出了特别贴心的功能就是调整界面
字体大小
。 可是这一调 H5 就出问题咯。。。
页面
变得特别大,记录一下这个爬坑过程(H5 用的是 REM 单位) 单刀直入,直接贴出正常的font-size的值。我这边正常应该是 46.9 在微信上把字体调大后。通过 spy-debugger 来进行调试。发现如果微信的字...
解决因为手机设置
字体大小
导致h5
页面
在webview中变形的BUG
解决因为手机设置
字体大小
导致h5
页面
在webview中变形的BUG 首先,我们做了一个H5
页面
,在各种手机
浏览器
中打开都没问题。我们采用了rem单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置html的font-size,一切都比较完美。 这时候,你自信满满的将h5地址交给了APP工程师,做了一个WEBVIEW嵌套,然后就顺利交工了。 测试组在一堆手机中测试APP,突然,在某个手机上打开,...
CSS
61,120
社区成员
60,701
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章