qq_26969485
2017-04-06 08:26
采纳率: 62.5%
浏览 22.0k
已采纳

html网页缩小之后,部分样式乱掉,字体不会跟随网页缩放而改变大小。求解?

今天闲来无事想模仿腾讯课堂敲个网页,结果敲到一半网页缩小时字体样式炸了。有部分字体变成了两排。图中可以看到,宽度我设置的是百分比。到底是啥原因?字体我用的rem,
另:如果是字体不会随着网页改变大小而造成样式乱掉的问题又该怎么解决pc端网页字体大小自适应的问题。
腾讯课堂的页面不管怎么缩小都不会炸,样式也不会乱掉?此处是我写的网页
图片说明
----------------------------------------漂亮的分割线-------------------------------
此处是我腾讯课堂的网页
图片说明

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • TCancel 2017-04-07 03:58
    已采纳

    在html顶部加

     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    

    字体会随页面的变化而变化

    已采纳该答案
    评论
    解决 无用 3
    打赏 举报
  • 西有余年 2017-04-06 08:57

    是不是绝对定位的问题?position=“absolute”,改成相对定位或者浮动定位试试

    评论
    解决 无用
    打赏 举报
  • 小小笔记 2017-04-06 11:52

    首先,我想问问你rem的根目录html的字体你有用@media做自适应大小变化吗?其次我想问你这个乱掉的样式的宽度是不是用百分比来弄的?如果是,那页面缩小了,宽度不足够时自然是要掉下来的,我觉得像这种可以固定宽度的,你可以给个min-width来设置它的最小宽度

    评论
    解决 无用
    打赏 举报
  • TCancel 2017-04-07 03:56

    在html顶部加
    字体会随页面的变化而变化

    评论
    解决 无用
    打赏 举报
  • Alan-CRL 2021-10-15 17:32

    将定位改为:

    position:relative;
    

    就可以了!

    评论
    解决 无用
    打赏 举报
  • 前端○萌妹 2017-04-07 01:33

    建议页面固定宽度,字体用rem

    评论
    解决 无用 1
    打赏 举报

相关推荐 更多相似问题