发表于： 2021-04-05 18:37:21
1 1174
今天完成的事情：深度思考，知识巩固
明天计划的事情：完成任务十，总结所学知识。
收获：深度思考；
自适应布局：及自适应布局设计，使网页自适应显示在不同大小设备上的网页样式，与宽度和高度的自动变化来适应所用设备。
特点：屏幕的分辨率变化时，页面里面的元素也随之变化。位置也可设置为，在不同分辨率下的变化。
自适应布局解决了在不同设备提供版本的页面的问题。
自适应包括高度与宽度的自适应：
1，高度自适应：
设置元素为，绝对定位。为该元素的top和bottom的值均设置为0（当该元素上下有别的模块时，top和bottom的值分别设为这两个模块的高度）.
在网页中该元素的高就实现了自适应。
2，宽度的自适应：
第一种方法跟高度自适应一样，同样设置该元素为绝对定位，设置元素的left和right的值为0（当该元素的左右有模块时，left和right的值分别设为模块的宽度），
网页宽度及为自适应。第二种方法，利用浮动来实现元素宽度的自适应。设置该元素的margin的值，并分别将该元素的左右模块设置为左浮动和右浮动
返回列表
评论