今天闲来无事想模仿腾讯课堂敲个网页，结果敲到一半网页缩小时字体样式炸了。有部分字体变成了两排。图中可以看到，宽度我设置的是百分比。到底是啥原因？字体我用的rem,
另:如果是字体不会随着网页改变大小而造成样式乱掉的问题又该怎么解决pc端网页字体大小自适应的问题。
腾讯课堂的页面不管怎么缩小都不会炸，样式也不会乱掉？此处是我写的网页
----------------------------------------漂亮的分割线-------------------------------
此处是我腾讯课堂的网页
html网页缩小之后，部分样式乱掉，字体不会跟随网页缩放而改变大小。求解？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
7条回答 默认 最新
TCancel 2017-04-07 03:58关注在html顶部加
<meta name="viewport" content="width=device-width, initial-scale=1.0">字体会随页面的变化而变化
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决评论 打赏无用 7举报 分享
- 2017-04-06 08:26回答 7 已采纳 在html顶部加 ``` ``` 字体会随页面的变化而变化
- 2022-11-09 19:05回答 2 已采纳 html+css如何使网页缩放不影响网页变形可以运用这两个属性 @media 和 screen这个可以让你在不同的分辨率下显示不同的样式举例1234.abc{width:1200px;margin:
- 2021-12-09 21:08回答 3 已采纳 加上 html {height: 100%;}
- 2022-06-07 21:34Amao?的博客 前端面试
- 2022-02-14 15:23回答 3 已采纳 百分比 + rem布局
- 2021-11-19 11:27回答 4 已采纳 首先，可以用flex进行布局，盒子的宽度用百分比表示；其次，给盒子一个最小宽度，并添加样式overflow:auto，使得达到盒子最小宽度时出现滚动条
- 2022-01-20 21:30回答 2 已采纳 这要看你背景图片是如何设置的,你把代码发下看看,不是这个图片本身的问题应该是图片的父div也变小了,放不下图片了,你把图片的父div加一像素看看
- 2022-04-05 17:37kalrry的博客 面试笔记---kalrry第一部分：HTML5+CSS31、父元素和子元素宽高不固定，如何实现水平垂直居中2、分别实现骰子中的'一点' 和 '三点' 的布局。3、简述选择器~和+的区别。4、简述box-sizing的有效值以及所对应的盒模型...
- 2021-06-27 21:18回答 2 已采纳 可以设置视口，写在head里，全局有效，想了解更多可以自行百度。 <meta <span class="hljs-attr">name="viewport"</span>
- 2017-07-28 04:38回答 8 已采纳 图片的宽度和高度不要设置成固定值，可以设置成百分比，自适应网页大小,如
- 2016-12-29 06:57回答 3 已采纳 我写了一种简单的实现方式  ![图片说明](http
- 2022-04-26 08:24木12138的博客 #2021·HTML5大前端企业面试真题宝典 第一部分：HTML5+CSS3 1、父元素和子元素宽高不固定，如何实现水平垂直居中 第一种方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8...
- 2017-08-28 07:42回答 4 已采纳 **px是固定多少个像素 不会随着你的浏览器大小改动而改动 **%是当前div在上层div中的百分比会随着上层的大小而改动 位置要用相对位置 h2{position: absolute; top:
- 2018-09-12 22:09年轻即出发的博客 的盒子是独立布局的，盒子里面的子元素的样式不会影响到外面的元素。在同一个 BFC 中的两个毗邻的块级盒在垂直方向（和布局方向有关系）的 margin 会发生折叠。 （ W3C CSS 2.1 规范中的一个概念，它决定了...
- 2021-06-23 11:15人不问的博客 大部分开发者都很努力刻苦，但是为什么不同开发者之间的能力参差不齐？这是因为日常开发过程中的经验很多时候只是冰山一角，冰山之下隐藏的奥秘却少为人知。挖掘隐匿于冰山之下的宝藏需要开发者具有夯实的基础。所谓...
- 没有解决我的问题, 去提问
