程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

如何根据浏览器大小设置文本大小?

发布于2022-01-27 00:12     阅读(560)     评论(0)     点赞(28)     收藏(3)


我正在构建一个站点,需要根据浏览器大小进行缩放。基本上 2 行 3 列。左右栏有图片,中间栏有文字。我给左右栏百分比,他们做得很好,但是如何给中间栏中的文字相同的处理,所以它会根据浏览器的大小改变它的大小?


解决方案


根据浏览器的不同,如果您的目标是允许 CSS3 的现代浏览器,您可以使用 css 媒体查询:

<link href="grid-978.css" media="all and (min-width: 1002px) and (max-width: 1247px)" rel="stylesheet">

此代码仅为该屏幕尺寸间隔加载选定的 css。

你可以在这里看到一个例子:http: //978.gs/

然后你可以做的是使不同的内容适应你正在显示的视口(这意味着你的页面要显示的有效屏幕尺寸,包括滚动条)。




所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/296259/db016584abbcd6b9f41b/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

28 0
收藏该文
已收藏

评论内容:(最多支持255个字符)