一、几种常用的布局方式？ 1、固定布局 宽度，高度固定，页面被一个固定网页包裹，容器不能移动，页面的宽高不随页面的变化而变化，固定页面是目前布局的主流方式，这样布局设计简单，更容易定义，但是由于屏幕尺寸的不同，特别是移动端各个设备的不同，这种布局在灵活性方式可用度不高。 2、流式布局 流式布局以百分 ...
分类：
其他好文 时间：
2018-07-18 11:51:47
阅读次数：
121
一、固定布局： 宽度，高度固定，页面被一个固定网页包裹，容器不能移动，页面的宽高不随页面的变化而变化，这种布局大家比较熟悉，这种方式一度成为页面布局的主流方式，这样布局设计简单，更容易定义，但是由于屏幕尺寸的不同，特别是移动端各个设备的不同，这种布局在灵活性方式可用度不高。 二、流式布局 以百分比为 ...
分类：
其他好文 时间：
2018-06-29 18:28:35
阅读次数：
185
第二十七章 传统布局【上】 一、布局模型 二、表格布局 （非常不建议使用） 就是通过设定固定的单元格，去除表格边框和填充实现的布局，他应该在二维表格的数据显示 1、固定布局 //html部分 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta chars ...
分类：
Web程序 时间：
2018-02-28 19:51:18
阅读次数：
246
一：布局类型 导航栏、工具栏 有多种布局类型，他们分别有不同的表现效果，主要有：静态布局、固定布局、穿透布局。 二：静态布局（少用） 静态布局的导航栏、工具栏，是写死在页面文件中的，每个页面都有它自己的导航栏和工具栏。 ...
分类：
其他好文 时间：
2018-02-20 13:59:20
阅读次数：
158
一、响应式设计需要解决的问题是什么？ 针对目前大家常见的固定布局、自适应布局都是一种反应迟钝的web设计，当Web页面需要在各种显示屏显示时，他们就显得力不从心了。因此，我们就需要相应设计。 优势： 一个页面适应各种显示屏； 具有良好的SEO； 较大缩短开发周期； 给用户更多的选择，更好的用户体验； ...
分类：
其他好文 时间：
2017-11-02 16:11:27
阅读次数：
133
今天学习了三种位置： position：fixed固定位置。 position：absolute绝对位置。 position：relative相对位置。 可以直接用top，right，bottion，left来选择边距。 流式布局： float：left向左流 float：right向右流 z-in ...
分类：
其他好文 时间：
2017-09-16 00:37:14
阅读次数：
117
在Android中对控件布局指定尺寸时，一般有两种方式：一种设定为自适应布局，即match_parent(fill_parent)或者wrap_content，通过根据父布局大小或者自己内容来产生一个动态尺寸；另外一种通过指定一个具体数值的方式定义成固定布局，单位可以是px/dp/sp等。这在绝大数 ...
分类：
移动开发 时间：
2017-08-01 12:41:57
阅读次数：
199
goods组件显示的区域是固定的，也没有滚动条，所以是采用绝对布局的，左右分为menu栏和foods栏，左边固定布局，右边自适应布局，采用flex布局。 写CSS样式的时候，尽量用class，少用tag，因为class的查找效率优于tag，尤其是嵌套层级比较多的时候。左边的menu栏有些是一行有些是 ...
分类：
其他好文 时间：
2017-08-01 11:05:50
阅读次数：
216
单位 绝对长度 px 像素(浏览器默认字体为16px) 注：用于pc端固定布局 相对长度 em 相对于父元素的字体大小 rem 相对于根元素的字体大小ie9+ 注：一般html元素的字体大小设置为625%，body元素的字体大小设置为0.16rem(0.1rem=1px) % 百分比 vw | vh ...
分类：
Web程序 时间：
2017-07-24 09:59:40
阅读次数：
218
思想：导航在这里只有两种状态，一种是初始状态、一种是固定布局状态。实现悬浮导航其实就是通过Javascript脚本语言控制导航的两种状态，主要是对两种状态成立条件的判断，明确了这些，实现起来就不会太难。 1、基础页面（HTML+CSS） 效果图： 代码如下： 2、JS实现悬浮导航 代码如下：(直接将 ...
分类：
Web程序 时间：
2017-07-15 17:44:31
阅读次数：
152
