Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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
Html 在引导中更改旋转木马标题文本的大小_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 在引导中更改旋转木马标题文本的大小

Html 在引导中更改旋转木马标题文本的大小,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试图开发一个网站使用引导框架。我已经成功地制作了一个反应灵敏的旋转木马,效果很好。但当我将浏览器的大小更改为移动屏幕时,标题会覆盖图像或图像的大部分。虽然我是移动设备CSS的初学者。有人能告诉我如何减少移动设备或平板设备上标题文本的大小吗。任何有关这方面的帮助都将不胜感激。我不能把整个代码放在这里,因为它太大了。所以我把这个链接发到我的网站上 这是我的网站链接:你应该在上阅读。通过媒体查询,您可以为不同的窗口大小以及特定的设备设置特定的样式 假设您希望在窗口宽度大于320px且小于400px时

我试图开发一个网站使用引导框架。我已经成功地制作了一个反应灵敏的旋转木马,效果很好。但当我将浏览器的大小更改为移动屏幕时,标题会覆盖图像或图像的大部分。虽然我是移动设备CSS的初学者。有人能告诉我如何减少移动设备或平板设备上标题文本的大小吗。任何有关这方面的帮助都将不胜感激。我不能把整个代码放在这里,因为它太大了。所以我把这个链接发到我的网站上

这是我的网站链接:

你应该在上阅读。通过媒体查询,您可以为不同的窗口大小以及特定的设备设置特定的样式

假设您希望在窗口宽度大于320px且小于400px时更改CSS规则的字体大小。然后可以使用如下代码段:

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {
    .yourclass{font-size: 14px;}
}

作为初学者,以下内容对您非常有用:媒体查询: