当前位置: 首页 > 面试题库 >

Bootstrap响应文本大小

司徒经纶
2023-03-14
问题内容

我正在尝试使用引导程序来构建响应式布局,当前正在使用font-size:3em定义一些标题;

但是,当缩小布局时,这太大了。如何快速缩小文本大小?


问题答案:

最简单的方法是使用%或em中的尺寸。只需更改基本字体大小,一切都会改变。

@media (max-width: @screen-xs) {
    body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;}
}


h5{
    font-size: 1.4em;
}

您可以使用视口单位(vh,vw …),但它们 在Android <4.4上不起作用



 类似资料:
  • 请问react native如何处理或者做响应式字体?例如,在iphone 4s中,我的字体大小是:14,而在iphone 6中,我的字体大小是:18。

  • 我正在用Expo和React Native开发平板电脑应用程序(Android和iOS)。 我设法使布局响应而又没有遇到任何问题。在不同大小的设备上运行该应用程序后,我注意到我忘记了字体大小的响应能力。 我尝试了我能找到的所有npm库(、

  • 问题内容: 我使用的是bootstrap3表,当我在表中放入大文本时,它会包裹在多行中,但是我希望它以响应方式在结尾处被三个点截断,而不会弄乱表的布局(i找到了一些解决方案,但效果不佳)。 那可能吗 ?怎么样 ? PS:任何解决方案都是可以接受的,但如果可能的话,我希望它只是HTML / CSS。 问题答案: 我是这样做的(您需要添加一个类 文本 ,并将其放在a之间: HTML 萨斯 *相当于 *

  • 我想根据响应本机中的屏幕宽度更改。 我想做这样的东西,预期的结果是在向添加数字时变得更小。 我尝试的资源: React Native响应字体大小 https://reactnativeexample.com/responsive-fontsize-based-on-screen-size-of-the-device-in-react-native/ 更多的不起作用。

  • 喂,我的网站底部有一个小小的“facebook、instagram、twitter”图标。我无法将图像居中?救命啊! 超文本标记语言: CSS: