我需要在移动视图中使我的字体响应

时间:2017-02-28 11:06:43

标签: css twitter-bootstrap fonts

我尝试过使用如下的媒体查询,但它甚至尝试了字体大小的%值。请注意,在媒体查询之外我现在的字体大小为18pt,在移动视图中我需要10pt的字体大小。我尝试过可以谷歌的方法。

    tabBarController.tabBar.barTintColor = [UIColor blackColor];

2 个答案:

答案 0 :(得分:4)

pt是用于打印的单位 - 对于屏幕,您应该使用px,甚至更好emrem。特别是rem对于代理设计很有用,因为1 rem是浏览器的默认大小,通常是" normal"文本(即在段落中,而不是在标题中)

答案 1 :(得分:0)

您可以使用vw单位的字体大小来实现此效果。但请查看此选项的浏览器支持:http://caniuse.com/#feat=viewport-units

.responsive-type {font-size: 15vw;}
<div class="responsive-type">
	<p>I am responsive</p>
</div>