首页 > 试题广场 >

描述一个你在实际项目中有用过什么比较好的布局方式(不拘泥于页

[问答题]
描述一个你在实际项目中有用过什么比较好的布局方式(不拘泥于页面整体布局,页面中某一小版块也行),深入讲解下其中的原理?
就拿响应式布局来说,pc站当然是把所有能呈现的东西都呈现出来,而且一般整体是纵向布局,局部用横向布局(float较多)。到了平板电脑,基本上和pc的布局也是差不多的。到了手机,才开始有了很大的变化,整体依然是纵向布局,但是横向布局却变得越来越少,因为手机能呈现在一屏的内容确实是少之又少,而且还要考虑到分辨率大小的问题,所以一般都是不用float布局,把最重要的功能呈现出来,没有pc里面那么多的效果。
编辑于 2017-05-23 13:48:48 回复(0)
左侧固定宽度,右侧自适应 给父盒子设置高度和左内边距如200px 给左侧子盒子设置设置高度和左外边距-200px,设置float:left,设置宽度为200px 右侧子盒子设置高度
发表于 2017-02-18 11:02:44 回复(1)
目前用得最多的就是flex布局和float布局交替使用,比如导航栏没有特殊样式需求,都是横着排的我就会选择用flex布局,让各个元素自动排列,如果导航栏中有几个是左排,有一个是居右显示,此时我就会选择用float来布局
发表于 2017-11-29 09:54:24 回复(0)
列表左右结构(左图右文)布局
运用dd  dt标签,dt浮动后,父级清浮,给dd宽度,他们就会自动排列在一排,然后dt用来插图,dd用来写文字,方便快捷,代码简洁。
发表于 2019-09-12 10:54:53 回复(0)
一种方式是传统布局用盒状模型(依赖display,position,float等属性),另一种是flex弹性布局
发表于 2017-03-02 00:14:36 回复(0)
div里面放图片,宽度100%,为了让图片1比1显示,高度设为auto。这算不算啊😂
发表于 2017-02-05 20:35:34 回复(0)