腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
在使用
rem
时,计算html元素的字体
大小
的最佳方法是什么?
javascript
、
jquery
、
css
我想在我的网站上使用
rem
的响应式字体
大小
。 我们知道,
rem
与根元素的字体
大小
有关。所以我应该在不同的设备上
设置
不同的HTML元素的字体
大小
。在我看来,我认为应该使用类似于公式的方法,使用
js
/jquery来计算字体
大小
,并将其
设置
为HTML元素。更重要的是,我是一个前端的初学者,我认为公式应该与窗口的宽度有关,但我不确定。或者如果
rem
不是最好的方式呢?谢谢。
浏览 51
提问于2019-03-31
得票数 1
回答已采纳
2
回答
如何
设置
rem
的基本
大小
css
我有一个简单的问题,你从哪里声明计算
rem
的基本
大小
?<body></body> 我可以看到font-size是<body>
设置
为16px,<h1>
设置
为3
rem
,但是字体以30px呈现,而我期望的是48px。
浏览 0
提问于2018-01-26
得票数 43
回答已采纳
1
回答
如何在web组件shadow-dom中
设置
根字体
大小
?
css
、
web-component
、
tailwind-css
、
shadow-dom
然而,Tailwind使用基于
rem
的值来调整几乎所有的字体、填充、高度、宽度等。我刚刚发现,一个明显的例外情况是,父页面的样式会渗入到卷影dom中,因为卷影dom会将主页样式表的html{ }部分中
设置
的基本字体
大小
继承到卷影dom中。由于
rem
值来自父html{}块,这意味着如果主题页面在其页面的html {}块中
设置
了除16px以外的任何字体
大小
,那么我所有基于Tailwind的高度、字体、填充等最终都会任意调整
大小
。对于一个web组件来说,提供几乎所有封装的样式
浏览 4
提问于2021-04-06
得票数 0
1
回答
Rems不适用于移动设备
html
、
css
、
responsive-design
、
mobile-website
两者的区别在于html根元素的字体
大小
,我
设置
了一个带有百分比的元素,另一个
设置
了px元素,但是带有px的元素的字体
大小
不能正常工作,而px元素的字体
大小
很好。图中的数字表示红色div的宽度。根据我的CSS代码的第一部分,在第一张图片中div的宽度应该是320‘t,但是它是450,它不会改变,除非我将字体
大小
设置
为大于52.1%的百分比或什么,我不记得确切的数字,为什么?为什么在按百分比
设置
根元素的字体
大小
时,rems不在移动设备上以
浏览 6
提问于2016-07-02
得票数 2
回答已采纳
2
回答
基础5:更改字体
大小
和内容格式的字体继承
css
、
zurb-foundation
大多数内容标签都有一个硬编码字体
大小
为1 1
rem
,这使得字体
大小
继承不可能。CSS:p { font-weight: normal; line-height: 1.6; text-rendering: optimizeLegibility; } 在理想的情况下,如果您将容器
浏览 5
提问于2014-06-18
得票数 1
回答已采纳
1
回答
如何减少DOM所有元素的字体
大小
?
css
、
twitter-bootstrap
、
cross-browser
是否可以将DOM的所有元素的
大小
减少一个特定值? 有什么更好的方法吗?
浏览 2
提问于2017-02-07
得票数 0
1
回答
为什么这些网格区域是重叠的?
css
、
css-grid
、
overlap
主区域
大小
设置
为auto,区段元素
设置
为高度100%。这里发生了什么事? grid-template-columns: 10
rem
auto;} grid-area: header;} grid-area: nav;} grid-
浏览 0
提问于2019-08-02
得票数 1
回答已采纳
1
回答
CSS和
rem
:更改html字体
大小
会产生不一致的维度。
html
、
css
我正在使用rems跨越我的所有项目,以计算字体
大小
和元素尺寸。基本html字体
大小
过去被
设置
为10 at。由于设计原因,当我更改为11时,我注意到.2
rem
高度的重复行显示不一致。如果html字体
大小
从10更改为11,则会发生相同的情况。html {} height: .2
rem
; background-color: purple; margin: 1
rem</
浏览 0
提问于2018-08-02
得票数 0
1
回答
响应字体
大小
在尾风和ReactJS上不起作用
javascript
、
css
、
reactjs
、
responsive-design
、
tailwind-css
我完全理解移动-优先的概念,并能够使我的网站布局响应,但字体
大小
不改变时,我应用断点和屏幕
大小
的变化。 Hi我试图在fontSize上覆盖tailwind.config.
js
,并得到了同样的结果:字体
大小
浏览 4
提问于2021-12-31
得票数 0
2
回答
Zurb F5:更改基本字体
大小
和
rem
-base是令人困惑的。
sass
、
zurb-foundation
我还希望将我的默认字体
大小
设置
为22 to。让我向你们展示如何通过SASS/SCSS和Zurb基金会轻松地做到这一点.等等,什么? 这可不容易。基本上不可能在不打破网格的情况下将“默认”字体
大小
设置
为
rem
-base以外的不同值。如果$
rem
-base: 16px和$base-font-size: 100%一切正常-我只想要更大的字体。当然,因为
设置
html字体
大小
会
设置
rem
单元,所有其他字体
大小
浏览 7
提问于2014-03-19
得票数 4
回答已采纳
1
回答
实际上使用62.5%作为html根使用
rem
是安全的吗?这是否意味着100%的浏览器默认字体
大小
为16 is?
html
、
css
、
responsive-design
我向一个组介绍了62.5%的可伸缩性技巧(将62.5%的字体
大小
放置在根中,并在整个css中使用
rem
,以便在用户更改默认浏览器字体
大小
时更容易实现可伸缩性),它们的参数如下:“我也不认为您需要使用
REM
在您的样式中
设置
和使用特定的
大小
,您可以使用自定义属性--单位:10 if;然后重用 “我发现<em
浏览 5
提问于2020-01-26
得票数 1
1
回答
<html>是否包含浏览器的默认字体
大小
?
html
、
css
我想使用根据规格的
rem
<html>标签的字体
大小
属性是否覆盖浏览器的默认字体
大小
?根据这个假设
设置
元素的
rem
可靠吗?例如,中国的一些用户将浏览器的默认字体
大小
设置
为12 to,而来自欧洲的用户通常
设置
为16 to。我希望我的设计对两者都有正确的比例。如果<html>标记包含此
设置
,则使用
rem
进
浏览 1
提问于2016-01-11
得票数 0
回答已采纳
1
回答
如何将基本字体
大小
重写为62.5%?
css
、
tailwind-css
我正在尝试将基本字体
大小
覆盖到62.5%。我在我的tailwind.config.
js
中添加了这段代码- plugins: [ addUtilities为了让它工作,我必须在tailwind.config.
js
中手动覆盖他们现有的类到新的单元,这太耗时了。有没有更好的解决方案将顺风字体
大小
转换为62.5%?font-size': '1.4
rem
',
浏览 11
提问于2021-07-22
得票数 0
回答已采纳
2
回答
为什么即使在使用HTML重置时,Chrome和Firefox上也呈现不同
大小
的文本?
css
、
html
、
cross-browser
、
font-size
总之,我理解
设置
字体
大小
:在HTML元素上
设置
100%,加上一个HTML5重置和
rem
单元,应该会导致文本在不同的浏览器上呈现相同的
大小
。HTML> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.
js
0; margin: 0;
浏览 2
提问于2013-08-02
得票数 1
回答已采纳
2
回答
尝试在jQuery中动画显示导航列表的实际文本?
jquery
、
animation
我在jQuery中对它进行了动画处理,让文本所在的容器在鼠标经过时向下延伸到.75
rem
上,然后在鼠标离开时返回.75
rem
: $('#nav ul li a').mouseenter(function() { height: '+=.75
rem
'});
浏览 3
提问于2013-11-09
得票数 0
2
回答
当所有的排版变体都是“are”时,fontSize主题
设置
的目的是什么?
reactjs
、
material-ui
、
typography
资料UI排版
设置
()的文档令人困惑,没有真正的意义: 若要更改MUI的字体
大小
,可以提供一个fontSize属性。默认值为14 is。 那是哪一种?它
浏览 11
提问于2022-05-01
得票数 1
回答已采纳
1
回答
为什么在移动设备上使用百分比来
设置
默认html字体
大小
会导致问题
html
、
css
、
responsive-design
@media screen and (max-width:500px){ #chart h4{font-size:1.3
rem
;} #drag{top:2.6
rem
;} #footer .copyri
浏览 0
提问于2016-06-30
得票数 0
2
回答
除了字体
大小
以外,我还能用它们和雷姆吗?
html
、
css
对于来说,em单元在排版中的意思是“我的父元素的字体
大小
”。具有类ems的<li>元素在<ul>中从父元素获取
大小
大小
。因此,每一个连续的嵌套级别都会逐渐增大,因为每个嵌套的字体
大小
都
设置
为1.3em - 1.3倍于其父字体
大小
。 概括地说,
rem
单元的意思是“根元素的字体
大小
”。(
rem
代表"root em“)带有rems类的<li>元素在<ul>中使用根元素(<htm
浏览 4
提问于2020-11-19
得票数 1
回答已采纳
1
回答
如何计算图像x和y坐标在角度4中的百分比
javascript
、
angular
、
angular-directive
如何在角度4中计算图像x和y坐标的百分比。我在下面发布了我的代码。请帮我解决这个问题。 this.xAxis = Math.floor((elem.pageX/elem.target.naturalWidth)*100); console.log(this.xAxis);} <img width="50%" heigh
浏览 3
提问于2018-04-19
得票数 1
1
回答
用于响应性设计的
Rem
在移动设备上看起来不同。
css
、
sass
、
responsive-design
、
responsive
、
responsiveness
我听取了关于响应性设计的建议,在那里我听到了这样的
设置
: font-size: 62.5%在css的根上,可以非常容易地使用单元(因为1 1
rem
=10 of )。一切都很好,我检查了不同屏幕
大小
的最终工作,调整了媒体查询断点,并部署了网站。在我的电脑上一切看起来都很好,平板电脑-也很好.但在我的iPhone上,一切看起来都不对劲。
浏览 6
提问于2022-09-18
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
快速统计 HTML/JS/CSS 大小
HTML知识梳理大全(八)!
js获取base64图片大小
Pycharm如何设置字体大小?
设置纸张大小和方向
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券