发表于: 2019-02-28 23:32:38

1 662


问题:

1.关于抬头,三个文字的排布,我昨天用的方法特别复杂,使用两个盒子+两个定位才把左右的“关闭” “注册”排好,再把中间“登陆”用flex的justify-content :center。今天师兄说一个justify-content: space-between,直接可以把旁边两个字往左右均匀的移动,而且也省去了两个盒子【代码展示】

2.昨天遗留的输入框内的左边两个logo,我昨天的想法是设background,然后用padding来移动。今天我采用了将img用absolute,父级div设relative,直接把图片固定在左边,操作起来更为方便

收获:

3.如何进行自适应网页设计?  

    (1)先在HTML头部声明  <meta name="viewport" content="width=view width, initial-scale=1">

    (2)不使用绝对宽度来布局一个盒子、图片、字体的大小,例如:width: xxx px,使用百分比、em、rem来做单位

    (3)选择加载CSS,在CSS3中可以引入Media Query模块,就是自动探测屏幕宽度,然后加载相对应的CSS文件。例如:(max-device-width:400px)如果屏幕宽度小于400像素就加载xxx.css文件

    (4)CSS的@media规则,在同一个CSS文件中,也可以根据不同的屏幕分辨率,选择应用不同的CSS规则。

4.css有哪些选择器,优先级如何计算?  

5.什么时候用margin好,什么时候用padding好?  

6.手机分辨率和网页中的px是一回事吗?  



返回列表 返回列表
评论

    分享到