我很难用推拉来移动我的div用于较小的屏幕。
大屏幕划分: [A] [B] [C]
我希望他们能够在较小的屏幕上观看:
[A] [B]
[C]
任何帮助都会很棒。谢谢!
答案 0 :(得分:1)
首先,您可以通过在<head>
和</head>
代码之间加入以下代码来导入Bootstrap:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" >
然后,您可以使用col-md-*
或col-xs-*
等类来根据屏幕尺寸重新排列Div。
有关Bootstrap here的CSS的更多信息!
答案 1 :(得分:0)
bootstrap是好的,也是不错的选择,但你可以做出更多的自定义决定,这样做:
@media only screen and (max-width: 500px){
.yourDIV {
width : 45%;
margin:2%;
}
}
这适用于尺寸为500px及更小尺寸的屏幕,但您可以按照自己的方式进行更改。