Bootstrap 中的最小宽度和初始比例
Min-Width and Initial-Scale in Bootstrap
我是第一次使用 Bootstrap。我的设计至少需要 400 像素的宽度。当我在宽度较窄的设备上加载页面时(我的 Nexus 5 的宽度为 360px),它会溢出视口,需要水平滚动才能查看内容。我希望它能够自动缩放以适合视口。我怎样才能做到这一点?
您回答了自己的问题,您需要设置 body 最小宽度。
body{
min-width:1000px; /* suppose you want minimun width of 1000px */
width: auto !important; /* Firefox will set width as auto */
width:1000px; /* As IE ignores !important it will set width as 1000px; */
}
正如我在评论中所建议的,您可以在 bootstrap 中使用响应式图片。看到这个 link:http://getbootstrap.com/css/#images-responsive
我是第一次使用 Bootstrap。我的设计至少需要 400 像素的宽度。当我在宽度较窄的设备上加载页面时(我的 Nexus 5 的宽度为 360px),它会溢出视口,需要水平滚动才能查看内容。我希望它能够自动缩放以适合视口。我怎样才能做到这一点?
您回答了自己的问题,您需要设置 body 最小宽度。
body{
min-width:1000px; /* suppose you want minimun width of 1000px */
width: auto !important; /* Firefox will set width as auto */
width:1000px; /* As IE ignores !important it will set width as 1000px; */
}
正如我在评论中所建议的,您可以在 bootstrap 中使用响应式图片。看到这个 link:http://getbootstrap.com/css/#images-responsive