Css 更改标题的大小-IONIC 2
我需要调整标题的大小,我怎么做?我尝试了一些css样式,但没有成功 我想实现小目标 谢谢 编辑:这是我的代码,希望对你有所帮助 再次感谢,如果您需要更多详细信息,请告诉我 徖Css 更改标题的大小-IONIC 2,css,ionic-framework,ionic2,styles,Css,Ionic Framework,Ionic2,Styles,我需要调整标题的大小,我怎么做?我尝试了一些css样式,但没有成功 我想实现小目标 谢谢 编辑:这是我的代码,希望对你有所帮助 再次感谢,如果您需要更多详细信息,请告诉我 徖 主页{ 离子导航条{ 宽度:100%; } 离子标题{ 左侧填充:10px; } img.logo{ 左侧填充:110px; 高度:20px; } p、 头衔{ 字体大小:15px!重要; 填充顶部:10px; 左侧填充:110px; } 离子含量{ 左边距:100px;; 边缘顶端:40px; } 离子栅{ 文本对齐
主页{
离子导航条{
宽度:100%;
}
离子标题{
左侧填充:10px;
}
img.logo{
左侧填充:110px;
高度:20px;
}
p、 头衔{
字体大小:15px!重要;
填充顶部:10px;
左侧填充:110px;
}
离子含量{
左边距:100px;;
边缘顶端:40px;
}
离子栅{
文本对齐:居中;
}
ion-row.header-row{
文本对齐:居中;
字体大小:粗体;
}
离子柱头柱{
背景色:#eee;
边框:1px实心#ddd!重要;
}
ion-col.info-col{
背景色:#fff;
边框:1px实心#ddd!重要;
}
离子柱{
填充顶部:14px;
}
.按钮{
宽度:90px;
}
}
事件
事件
起源
目的地
错误
第一件事
最新事件
只需声明如下所示的SCS
详细信息。如果这样做,则样式的优先级将高于默认值
.scss
在我的情况下,上面的答案不起作用,我无法删除离子标题上方/下方的死区,但是下面做了一些技巧,也许它会帮助访问这里的人
ion-navbar.toolbar {
min-height: 30px;
}
要在所有页面上更改它,您需要使用IONAL提供的sass变量:
我用它来做它,正如上面的参考链接所示。以下是sass变量:
//toolbar settings
$toolbar-ios-title-font-size: 1.3rem;
$toolbar-md-title-font-size: 1.4rem;
$toolbar-wp-title-font-size: 1.1rem;
$toolbar-md-height: 1.3rem;
- 其中“md”代表材料设计
- “ios”是明确的。“wp”开始了
- 适用于Windows Phone
在爱奥尼亚4中,请使用此
ion-toolbar, ion-header {
--min-height: 48px;
}
你能添加你的html吗?但我只能使标题更大而不是更小,你知道为什么吗?你能分享css
?这和我发布的一样,现在我使用的是这样的东西:ion navbar{height:“1px(示例)}如果您需要更改标题
的高度
,则需要将其应用于标题
。而不是导航栏
。请查看更新后的我的帖子。
ion-toolbar, ion-header {
--min-height: 48px;
}