社区
CSS
帖子详情
页面字体大小不随浏览器缩放而变化
__努力的小白
2017-05-13 12:48:30
现在的效果是字体会随着浏览器的缩放而变小,想问一下,有没有办法固定字体大小,达到字体大小不随浏览器变化而变化的目的,只是页面中的文字,字大小不变就可以。大多数是中文,一部分阿拉伯数字
...全文
5757
10
打赏
收藏
页面字体大小不随浏览器缩放而变化
现在的效果是字体会随着浏览器的缩放而变小,想问一下,有没有办法固定字体大小,达到字体大小不随浏览器变化而变化的目的,只是页面中的文字,字大小不变就可以。大多数是中文,一部分阿拉伯数字
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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
打赏
举报
回复
顶。。。。。。。。。。。。。。
页面
不随
着
浏览器
缩放
而
变化
vm/vh
系统
页面
会随着
浏览器
的
缩放
而变形,原使用的是流式布局flex布局px单位还有百分比单位,流式布局没问题,问题在于字体px单位,还有盒子百分比单位,导致变形。这里的布局大盒子不会变但是
字体大小
会变,导致观感很差。这里用到的是css的自定义属性具体,如何自行查询。也就是说 :1vw =19.2px。字体不会随着
浏览器
缩放
而
变化
。你在
页面
的时候就需要进行计算。最近空闲时间拿出代码回顾。首先你得知道你的
浏览器
宽度。例如:1920 *1080。
页面
背景图尺寸
不随
浏览器
缩放
而
变化
应用前提:当我们为某一个元素设置了背景图以后,希望该背景图不会因为
浏览器
的放大而放大或者随着
浏览器
的缩小而缩小 方法一:把图片作为背景图片(background) background-size:cover,这个CSS3的属性作用是把背景图像扩展至足够大,以使背景图像完全覆盖背景区域,背景图像的某些部分也许无法显示在背景定位区域中,如果不使用这个属性,在IE11和FireFox中
缩放
浏览器
,背...
怎样使网页
页面
CSS样式
不随
浏览器
大小的
变化
而
变化
呢?
网页中每个标签的style的width,height设置为具体数值,不要用百分比! 例如: 错误:<body style="width:100%;height:100%">(F) 正确:<body style="width:1376px;height:768px">(T) 感谢分享https://blog.csdn.net/huangshulang1234/a...
页面
字体跟着屏幕的大小实现
缩放
【代码】
页面
字体跟着屏幕的大小实现
缩放
。
设置前端
页面
不随
系统
缩放
而改变
场景:是c++内嵌web
页面
,在一些的显示器(比如2k屏的笔记本电脑)放大字体,给造成
页面
放大。我们希望的是
页面
不放大。 解决:获取到当前设备
缩放
比,然后更改这个
缩放
比 具体代码: <script> // 判断pc
浏览器
是否
缩放
,若返回1则为默认无
缩放
,如果大于1则是放大,否则缩小 const ratio = window.devicePixelRatio // 这个计算公式是我得出比较合理的结果 if (ratio != 1) { document.bod
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章