发表于： 2019-05-06 21:19:13
1 766
今天完成的事情：
使用flex布局完成5列等分布局：父元素设置flex，子元素flex： 1；
完成首页大部分布局。
（Bootstrap 4 共有5种栅格类，依次是特小、小、中、大、特大###
.col-xs- width<544px 适用于诺基亚时代的手机，最流行的分辨率是360x640
.col-sm- 544px≤width<768px 适用于诺基亚时代手机横屏，和较为新的手机的竖屏，比如720x1280
.col-md- 768px≤width<992px 适用于768x1024等，也就是大屏手机和早期iPad
.col-lg- 992px≤width<1200px 适用于1024x768，几乎不对应其他分辨率
.col-xl- 1200≤width 适用于宽屏电脑屏幕和大屏手机
作者：microkof
链接：https://www.jianshu.com/p/43761b98adf1
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。）
才发现我引用的bootstrap4的框架，按照bootstrap3的4种栅格类来划分。
明天计划的事情：
解决导航栏位置问题。
解决页面宽度适应问题。
遇到的麻烦:
使用offset属性偏移列无效。
使用col-xs-12，宽度为320时的页面如下
还需继续寻找页面布局解决办法。
返回列表
评论