Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 更改标题的大小-IONIC 2_Css_Ionic Framework_Ionic2_Styles - Fatal编程技术网

Css 更改标题的大小-IONIC 2

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; } 离子栅{ 文本对齐

我需要调整标题的大小,我怎么做?我尝试了一些css样式,但没有成功

我想实现小目标

谢谢

编辑:这是我的代码,希望对你有所帮助

再次感谢,如果您需要更多详细信息,请告诉我

主页{
离子导航条{
宽度: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;
}