今天闲来无事想模仿腾讯课堂敲个网页,结果敲到一半网页缩小时字体样式炸了。有部分字体变成了两排。图中可以看到,宽度我设置的是百分比。到底是啥原因?字体我用的rem,
另:如果是字体不会随着网页改变大小而造成样式乱掉的问题又该怎么解决pc端网页字体大小自适应的问题。
腾讯课堂的页面不管怎么缩小都不会炸,样式也不会乱掉?此处是我写的网页
----------------------------------------漂亮的分割线-------------------------------
此处是我腾讯课堂的网页
6条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
TCancel 2017-04-07 03:58最佳回答 专家已采纳在html顶部加
<meta name="viewport" content="width=device-width, initial-scale=1.0">
字体会随页面的变化而变化
采纳该答案 已采纳该答案 专家已采纳评论解决 无用 6打赏举报微信扫一扫
分享评论登录 后可回复...
查看更多回答(5条)
报告相同问题?
提交
相关推荐 更多相似问题
- 2017-04-06 08:26回答 6 已采纳 在html顶部加 ``` ``` 字体会随页面的变化而变化
- 2021-12-09 21:08回答 3 已采纳 加上 html {height: 100%;}
- 2021-05-19 11:38回答 5 已采纳 给body加个margin 0 auto;缩小后居左是你原来的布局就是这样,缩小并不会移动整个页面的位置,只是字体和布局缩小
- 2021-10-15 17:41Alan-CRL的博客 html网页缩小之后,部分字体样式乱掉,解决方法。 使用绝对定位后发现,放大后原本一行的字就变成两行了,下列是解决的方案: 首先,有一种错误的写法:(这种方法只是禁用缩放) <meta name="viewport" content...
- 2021-06-11 09:00林书曼的博客 /*对页面上的字体增大、缩小、恢复原始大小需要在html页面中定义三个元素元素的class分别为 resetFont、increaseFont、decreaseFont在本文件的JQuery事件中分别定义了三个元素的click事件来实现增大、缩小、恢复原始...
- 2019-09-01 11:58网页内容根据屏分率自动放大或缩小(可手动缩放),如果电脑屏幕分率大,网页整体放大到屏幕80%宽左右,高度不变,手机屏也一样,会自动缩小放大,也可以手动放大缩小。非常简单
- 2017-07-28 04:38回答 9 已采纳 图片的宽度和高度不要设置成固定值,可以设置成百分比,自适应网页大小,如
- 2022-02-14 15:23回答 3 已采纳 百分比 + rem布局
- 2022-01-20 21:30回答 2 已采纳 这要看你背景图片是如何设置的,你把代码发下看看,不是这个图片本身的问题应该是图片的父div也变小了,放不下图片了,你把图片的父div加一像素看看
- 2020-12-12 23:14这就意味着Firefox3和Opera以及IE7 都可以让用户“完全控制显示内容的大小同时自动调整页面布局和结构”,说白了就是可以让整个页面直接放大或缩小却不会乱掉。这就意味着我们不用再考虑为了可访问性而整个页面是...
- 2021-06-27 08:14春天里的小蜜蜂的博客 前端静态网页, 由UI出带标尺的效果图, 和切图资源, 将其实现成最终的网页呈现给用户.之所以有这篇博文, 是因为UI设计的效果图原始宽度是 1920px, 其中的标注尺寸也是以这个宽度为基础的.在网页开发时, 严格按照标注...
- 2021-06-13 04:27乔治·华尔特的博客 其实很多朋友出现网页字体变大或变小都是错误的调整到了网页的缩放比例导致的,正常网页缩放比例是100%,在浏览网页的最右下角可以看到缩放的比例,如果是比例设置不正常,那么网页字体肯定显示不是正常大小了,...
- 2016-12-29 06:57回答 3 已采纳 我写了一种简单的实现方式  
- 2021-06-11 13:42黄荣钦的博客 在手机和pc的网页开发中,往往会让字体或者图片跟着手机的分辨率改变而改变,那么怎样实现呢,我们可以根据现实中的分辨率大小来设置我们的css来控制。下面以改变body的字体大小为例:body {background-color: rgb...
- 没有解决我的问题, 去提问