html 网页自适应状态下，小屏幕时，字体最小还是12px，导致样式变化了，怎么解决呢
html 网页自适应状态下，小屏幕时，字体最小还是12px，导致样式变化了，怎么解决呢
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
yunquantong 2022-11-07 17:53关注可以利用css中的transform属性来缩小：
transform:scale(0.5,1)
第一个参数是X轴比例，第二个参数是Y轴比例，第二个参数可省略，若缺省则等于第一个参数。
缩小方向：
默认是往中间缩小，可以添加 transform-origin:left ，往左侧缩本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2022-05-30 14:12回答 3 已采纳 加这个试试 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, max
- 2021-12-29 09:34回答 5 已采纳 这个写在js里面，可以根据屏幕变化进行变化 document.documentElement.style.fontSize = innerWidth / 10 + "px"; window.onres
- 2022-01-02 10:03回答 3 已采纳 有没有使用前端框架呢，如bootstrap，vue等框架都可以使用栅格自动适应
- 2021-06-19 03:22小乐鱼米的博客 合适的技巧会使页面在大屏幕、小屏幕抑、PDA小屏幕上都能得到良好的呈现。但是，糟糕的代码结构，对于流动布局来说将是灾难性的。因此，我们需要针对大多数流动设计的缺点寻求可行的解决方案。如果你作为设计师通过...
- 2016-11-02 03:18回答 5 已采纳 ``` 标题长度小于20为字体大小为30px ```
- 2017-04-06 08:26回答 7 已采纳 在html顶部加 ``` ``` 字体会随页面的变化而变化
- 2021-04-14 14:52回答 1 已采纳 你页面resize时 百度地图这个对象也要重新reload https://dafrok.github.io/vue-baidu-map/#/zh/start/base
- 2023-08-02 17:32例如，可以通过CSS3的`background-size`属性或HTML5的`<picture>`元素，使得图片能在不同设备上按需缩放，防止在小屏幕设备上加载过大图片导致加载速度慢。 9. 字体图标（Font Icons）：HTML5模板中常使用字体图标...
- 2022-02-25 18:46回答 1 已采纳 this.$nextTick(()=>{ this.calcRate() })
- 2022-04-12 14:14回答 1 已采纳 你试一下在窗口变化事件监听函数里加一段代码，可以先计算需要的字体大小，然后替换12myCahrt.setOption({ subtextStyle:{fontSize:12}如有帮助，望采纳！
- 2022-03-02 16:09回答 1 已采纳 你这是大屏吧,全屏不就完全展示了吗
- 2022-09-19 22:50+一步之遥+的博客 前端实现页面文字图片等大小随着屏幕像素变化自适应
- 2018-10-16 17:34规则固态长方体物质空间移动工程师的博客 很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机，电脑等设备，那么就需要我们在页面上下功夫，但移动端的布局不同于pc端，首先我们要知道在移动端中，css中的1px并不等于物理上的1px，因为手机...
- 2020-12-03 15:29weixin_39922534的博客 摘要 如何在不同大小的设备上呈现同样的显示效果，实现在不同屏幕下自适应设计方案，达到统一PC端和移动端的页面目标。本篇文章简要介绍一种实现方案。一、背景描述随着网络的普及，越来越多...
- 2021-06-13 07:44游志军的博客 前言：移动设备(手机、平板...相关链接：【css】移动端自适应布局与字体大小自适应前言二： 说到移动设备，一个不得不提就是viewport的设置了其中：①、width=device-width：是设置可视区宽度等于设备宽度②、initia...
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月3日
已采纳回答
11月25日-
创建了问题
11月7日