我想在我的网站上使用rem的响应式字体大小。 我们知道，rem与根元素的字体大小有关。所以我应该在不同的设备上设置不同的HTML元素的字体大小。在我看来，我认为应该使用类似于公式的方法，使用js/jquery来计算字体大小，并将其设置为HTML元素。更重要的是，我是一个前端的初学者，我认为公式应该与窗口的宽度有关，但我不确定。或者如果rem不是最好的方式呢？谢谢。
浏览 51提问于2019-03-31得票数 1
回答已采纳
我有一个响应式的网页，利用布局的基线网格。用于调整字体大小的单位是带有px回退的rem。
当涉及到定义边距、填充、宽度和高度时，我应该使用什么单位？当然，使用px真的很诱人，但这是一个糟糕的做法吗？我也读到过百分比值是响应式设计的方法，但在切换到另一个测量单位时，使用rem网格真的很难。此外，我看了一些由专业人士制作的著名响应式网站的HTML/CSS，甚至他们使用了一些px值，这真的让我很恼火。
浏览 2提问于2013-01-24得票数 2
1回答
查找媒体查询生成器
、、、
我希望我的页面能够很好地扩展到所有设备上的所有可能的屏幕上，所以我使用了一个想法来改变根元素的em大小。所有子元素在em中都有大小；我现在有200行这样有趣的css代码：@media (max-width: 400px) {} #vb { font-size: .7px}@media (max-width: 320px) {}
浏览 6提问于2012-11-23得票数 2
回答已采纳
我正在将用JS编写的JS应用程序转换为Typescript。元素隐式具有“任意”类型，因为“string”类型的表达式不能用于索引类型“topBarType”。;`, iconWidth: `width: 1.75rem;`,iconHeight: `height: 1.75rem;`, md:
浏览 8提问于2021-11-28得票数 1
回答已采纳
1回答
理想情况下，我想创建一个覆盖div使用html和css，完全匹配的尺寸的响应式图像。当没有悬停在这个覆盖图上时，div会使用透明颜色来使图像变暗一点。如何使此div对图像做出响应？background-color: rgba(0, 0, 0, .5);
left: 0; height: 20rem; ri
浏览 7提问于2019-03-09得票数 1
我如何用position: absolute/relative定位一个有3个字体很棒的图标的div，一个在左边，一个在中间，一个在右边(所以设计是响应式的)？但我意识到由于margin-top: 6vw的存在，在我调整浏览器大小时，由于position: absolute和百分比的原因，它的响应速度将不如其他浏览器那样快。那么我该怎么做呢？}
margin-top: 5rem; font-size: 2.4rem<
浏览 1提问于2018-01-14得票数 0
回答已采纳
1回答
我正在使用 cannot，我根本无法让我的站点像他们的主页那样具有响应性。
这个网站是。我的< html >具有相同的字体大小，我的dom结构与bulma的主页相同。然而，我的手机看起来糟透了。
浏览 5提问于2017-01-28得票数 3
回答已采纳
2回答
通过，我找不到如何为响应式设计设置基本字体大小。所以，我的问题是，是否可以在Bulma中为响应式设计设置基本字体大小？或者必须手动更改类$size-1等的大小。
谢谢
浏览 7提问于2018-10-02得票数 12
@media screen and (max-width:500px){ #chart h4{font-size:1.3rem;} #drag{top:2.6rem;} #footer .copyri
浏览 0提问于2016-06-30得票数 0
下面的响应式css网格代码生成大小不匹配的单元格。我无论如何也想不出这是怎么可能的。#service-icons { margin-top: 3rem; grid-gap: 2remalign-items: center;.service-icon { display: inline-block;
margin: 1rem</
浏览 11提问于2020-09-18得票数 1
回答已采纳
2回答
我读过关于rem的文章，如果不是IE缺乏或仅仅部分支持它，那对我来说就是完全正确的。
我想问的是，现在响应式网页设计的实际单元是什么，他们是如何与之竞争的呢？更新:所以没有一个实际的单元(S)，虽然em，rem，vh，vw和%都是很好地用于响应性的网页设计。使用你所熟悉的单元。
浏览 7提问于2015-06-26得票数 0
回答已采纳
2回答
background-image: url("myimage.png"); background-size: contain; } var owloptions = { loop:true, nav: true,1000:{ }}
$('.ow
浏览 0提问于2015-11-30得票数 1
我正在尝试设置一个响应式网格，这样当你点击一个网格项目时，它会填满它所在行的水平空间，并将其他项目推到它的上方或下方。来填充剩余的空白空间。 下面是我当前的代码，它确实填充了行，但留下了空格。; display: flex;}
flex-basis: calc((100% / 3) - 2rem); height: 200px;
box-sizing: border-box
浏览 14提问于2019-03-18得票数 1
1回答
我是网页设计的新手，我使用this tutorial创建了一个响应式的网页。问题是，我的.CSS似乎出了问题，因为网页看起来不像它应该的样子。在资源中，我有几个包含css，js，img，pdf资源的文件夹。这是html的样子： <!= 8px, 1rem = 16px, 1.5rem = 24px ... */ --h1-font-size: 1.5rem;--================
浏览 12提问于2021-09-09得票数 0
我在使用响应性css类时被卡住了。我尝试将宽度应用于元素，但默认的移动类只被应用，而不是断点css。类名可在顺风css库中使用。
module.exports = { content: [ ] plugins:[
require('postcss-import')
浏览 4提问于2021-06-02得票数 0
1回答
检查是否设置了最小宽度
、、、、
我正在使用Tachyons媒体查询创建一个响应式布局： render() { right: `${UI.isMenuOpened ?0 : `calc(-40% + 4rem)`}`, // if min-width is not
浏览 19提问于2019-04-05得票数 0
回答已采纳
我遇到了一个问题，可折叠的bootstrap导航栏扩展了整个宽度，似乎并不只在android移动设备上响应。它在iphone上运行得很好。
浏览 2提问于2018-03-04得票数 0
4回答
如何在css中垂直对齐响应图像
、、、、
我有一个问题，垂直居中的响应式图像在其容器内。 我已经尝试了一些东西，但这些都是固定大小的作品，而不是响应式的作品。 我正在使用Bootstrap 4。Inventore aperiam, sit placeat corporis architecto praesentium facere aut rem quis odio ab voluptatesInventore aperiam, sit placeat corporis architecto praesentium facere aut
浏览 67提问于2019-11-29得票数 0
回答已采纳
2回答
浏览器里什么都不会发生. // the commented lines work as excepted // 'services-item': '28.5rem',
// these don't work..cta: { slogan: &#x
浏览 8提问于2020-06-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
