移动浏览器中material-ui组件的字体大小不一致

文章/答案/技术大牛

发布

1回答

Material-UI:自定义主题字体大小，部分组件布局会出现异常

material-ui

我使用的材料-UI自定义主题，然后设置字体大小为20。const themeConfig = { fontSize: 20,}; 我发现快速拨号组件的图标变大了，但图标不在按钮的中心。字体大小只影响SVG图标的大小，按钮的宽度和高度值与之前相同。，在主题配置中改变字体大小的好模式是什么？或者我需要自己在主题配置中设置所有组件<em

浏览 37提问于2021-09-13得票数 1

1回答

material-ui

file=/pages/list2.js)，使用material-ui，没有任何主题和页面： import ListItem from "@material-ui/core/ListItem";import List from "@material-ui/core/List&qu

浏览 18提问于2020-12-08得票数 1

回答已采纳

2回答

当我使用material-ui SwipeableDrawer组件显示滑动选项菜单时，问题就出现了。在浏览器检查器中查看DOM时，material-ui似乎在显示菜单时主动删除了overflow-y标记上的body样式，但在删除菜单时却没有将其放回。它不会发生在移动设备上(例如，iOS)，因为移动设备上的滚动条显示在内容的“顶部”。我不想跟踪material-ui在做什么，也不想添加/删除

浏览 1提问于2020-12-06得票数 2

回答已采纳

1回答

material v1:如何为物料ui v1中的所有组件设置一个字体大小？

reactjs、material-ui

我们在应用程序中使用的是1.4.5 material。现在，我们正在尝试为应用程序中的所有组件设置一个字体大小。例如，我们希望为标题/按钮/段落fontSize: 14px,设置/list.诸若此类。下面是我们的主题配置示例：import purple from '@<em

浏览 2提问于2018-08-14得票数 5

回答已采纳

3回答

React Material UI BottomNavigation组件工艺路线问题

reactjs、react-router、material-ui

我正在尝试从Material UI实现BottomNavigation组件，当用户使用浏览器的后退和前进按钮时，我遇到了一个问题。问题是，BottomNavigation组件被配置为在按下导航项目按钮时更改布局中的页面。但是，当使用浏览器返回到上一页时，它不会更改BottomNavigation项的选定索引。我留下的是一种不一致的状态。如何在使用浏览器按钮时更改导航组件<

浏览 6提问于2018-01-25得票数 8

回答已采纳

1回答

材料-不同变体的UI排版

material-ui、typography

我如何使材料-UI的排版组件从里面的文本中推断出变体？import React from 'react';import Typography from '@material-ui/core/Typography'; const theme = createMuiTheme<h2>Text H2</h2>

浏览 1提问于2020-05-14得票数 1

回答已采纳

1回答

css、sass、zurb-foundation

在Zurb基金会(5.2.2和5.4.5)，计算h (h1，h2，.)的大小似乎不一致。元素。我将相关的scss变量的值改为(23)，而不是默认的(44) ($H1-字体大小:rem(23)；)。然而，字体大小在移动屏幕上变得如此小(h1变成0.8125 the )。在计算h元素的字体大小时，我认为对移动大小的媒体查询使用的基(可能使用scss文件中</e

浏览 3提问于2014-10-16得票数 0

1回答

如何增加Table组件的字体大小

material-ui

我开始评估material-ui作为一个项目的替代方案，我想知道更改表格字体大小的推荐方法是什么。const styles = theme => ({ width

浏览 3提问于2018-01-17得票数 5

回答已采纳

1回答

sx道具不会在材料中的自定义组件中转换-UI 5

reactjs、material-ui、create-react-app

在StackOverflow中找不到任何相关问题。因此，在box组件中，sx支柱正在被转换，比如 sx={{ flexDirection: 'column', }}至但它不会在其他组件(如ListSubheader

浏览 1提问于2021-09-19得票数 7

回答已采纳

4回答

如何调整MUI工具提示字体大小？

javascript、css、reactjs、material-ui、tooltip

/InfoTooltip.scss";import Tooltip from '@material-ui

浏览 0提问于2020-03-30得票数 8

回答已采纳

1回答

仅在移动视图中应用材质-ui替代

javascript、reactjs、material-ui

我在react中使用Material-UI。有没有办法在移动视图中只添加来自主题提供者的覆盖？我正在使用该组件，如果它在移动视图中，我想删除该组件的boxShadow。这是我的代码片段：import CardContent from '@material-ui/core&

浏览 2提问于2018-07-11得票数 0

3回答

如何在makeStyles中使用状态值

javascript、html、reactjs、react-native、material-ui

我使用Material UI作为组件。以下是守则：const useStyles = makeStyles((theme但是它显示displayStyle是未定义的，因为它在函数中。如何使它在makeStyles中使用。我想根据Styles值设置state。请帮我拿出一些解决办法

浏览 12提问于2021-12-22得票数 3

回答已采纳

6回答

修复Mobile Safari (iPhone)上的字体大小问题，其中文本呈现不一致，并且某些字体比其他字体更大？

iphone、css、layout、mobile、mobile-safari

我们的站点在移动Safari上呈现的字体大小不一致--据我们所知，只有mobile Safari。这把我们难倒了。我们用Firebug分析了这个网站，发现错误的区域继承了正确的样式，但字体仍然以错误的大小呈现。2)搜索域名。左侧的方框显示不正确的字体大小。字体大小应与右侧的字体大小匹配(方框标题和方框副本)。例如，标题"

浏览 1提问于2011-03-15得票数 81

回答已采纳

8回答

material UI -如何在FormControlLabel中更改标签的字体大小

reactjs、frontend、material-ui

如何更改FormControlLabel中标签的字体大小？

浏览 3提问于2018-10-25得票数 11

点击加载更多

Material-UI:自定义主题字体大小，部分组件布局会出现异常