请教问题

请教问题

分离的布局是不是不用media其他都要用到的?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕星星 2022-02-09 14:23:11

同学你好,两个文件的主要区别如下:

1、grid.css文件是通过float属性将元素排在一行的,元素宽度用width设置,值为百分比

https://img1.sycdn.imooc.com//climg/62035c3409f551aa10740373.jpg

grid-flex.css文件是通过flex布局将元素排列在一行的,元素宽度用flex值设置

https://img1.sycdn.imooc.com//climg/62035c21093a54e511030742.jpg

2、grid.css中元素移动位置是通过relative定位

https://img1.sycdn.imooc.com//climg/62035cc909f98f5f10690222.jpg

https://img1.sycdn.imooc.com//climg/62035cd50996ccd103190559.jpg

grid-flex.css中元素移动位置是通过margin值

https://img1.sycdn.imooc.com//climg/62035cfc0987d4c303840509.jpg

3、grid-flex.css中有order排序

https://img1.sycdn.imooc.com//climg/62035d6109ed9ab902570549.jpg

grid.css文件中没有排序。

自己可以再看看两个文件代码。

  • 提问者 神知 #1
    那在什么情况下怎么选择加载哪个文件呀?
    下载视频          
    2022-02-09 14:26:04
  • 好帮手慕星星 回复 提问者 神知 #2

    其实两个文件都可以的,有排序的话最好还是引入grid-flex.css文件,没有的话哪个都可以,就是实现方式不同。如果要求兼容低版本当浏览器的话,可以引入grid.css文件,避免flex不生效。

    2022-02-09 14:39:09
好帮手慕星星 2022-02-09 10:18:07

同学你好,分离的布局指的是pc端和移动端样式分开吗?如果是分开的话,可以不用课程中封装的代码,其他该怎么写样式就怎么写,就和前面学习的项目一样。

祝学习愉快!

  • 提问者 神知 #1
    文件里的grid.css和grid-flex.css有什么区别吗?是不是只要是响应式布局就可以加载这个文件就好了。
    下载视频          
    2022-02-09 12:54:38
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师