求教bootstrap里关于网格系统的疑问
其实很简单了....是题主没有从CSS代码的角度以及设计的角度去理解BS的Grid系统...看一下题主困惑的地方的具体样式: 【求教bootstrap里关于网格系统的疑问】
Grid的container宽度是按照媒体查询的, 所以最大宽度在大于1200的client上就是1170.所谓你的 col-md col-lg宽度限制仅仅在于百分比,这里就要提到一点,BS是一个响应式的框架,响应式框架设计之初就考虑到了较宽屏幕的样式是无法套用到较窄的屏幕上的,这是比较基本的逻辑(否则滚动条宽度不足的问题会出现),但是窄屏幕的UI逻辑是可以平移到宽屏的,所以他的网格中的列单元格的设计必然是可以向上(宽)兼容而不向下兼容的, 具体到class就是 col-xs-*\u0026gt; col-sm-*\u0026gt; col-md-* \u0026gt;col-lg-* 这几个class的适用宽度是随着最小适应宽度逐级减小的,具体的体现就是 你的移动端页面放到PC端布局不会变,而PC端网页放到移动端如果仍用col-md的话会乱掉...(如果meta里没有很好地规划viewport,又使用了各种px单位的绝对尺寸的样式的话)以上.主要还是对CSS和web设计的理解
推荐阅读
- 过节■江苏省委省政府办公厅下发关于做好2021年元旦春节期间有关工作的通知
- |徐州市出台《关于优化创新创业生态系统 提升区域科技创新活力的实施意见》及实施细则
- 雨下|全球关于禁售燃油车只是理论上可行吗
- 关于用phpfsocket 写Post, 模拟http 报文怎样写入要传输的处理数据
- 智叔|很多家长还在整箱买:谈谈关于牛奶的17个真相警惕这些列入黑名单的“假牛奶”
- 关于微信小程序的思考:运营者该何去何从
- 关于人工智能虚拟人的一些问题
- 知乎上关于人生经验的介绍是否可能对青少年造成潜在危害
- 写下我关于做数据分析专员的困惑和各位的建议是
- 非物质文化遗产|市北文体中心一场关于“非遗”的盛会…