Twitter Bootstrap响应式CSS选择器
问题描述:
我为我的响应式网站创建了一个功能。它由包含标题的图像旋转木马组成。在桌面上,我绝对显示标题。包含标题和段落的div
位于图像顶部,占用40%的宽度。Twitter Bootstrap响应式CSS选择器
当用户使用平板电脑或手机时,我想以100%的宽度相对显示标题。这使得文字出现在更适合较小屏幕尺寸的图像下。
这样做的两种方法是用不同的css类复制代码 - 一个与visible-desktop
类相关,另一个与类hidden-desktop
的绝对div相关。另一种方法是使用JavaScript切换一个类。
我在想,如果我可以用纯粹的CSS来达到上述目的,那将会很棒。像.desktop .carousel-caption {
这是可能的。
答
您可能可能只是使用媒体查询并在相关媒体查询中输入您的不同代码。引导媒体查询是这里
详细也许你可以只使用媒体查询,并在相关媒体查询输入您不同的代码。 Bootstrap的媒体查询在此处详述:http://twitter.github.com/bootstrap/scaffolding.html#responsive – 2013-02-22 11:07:46
哦!优秀!!像魅力一样工作! – Deco 2013-02-22 11:18:41