上一页 1 2 3 4 5 6 7 8 ··· 14 下一页
摘要: 填坑! 阅读全文
posted @ 2018-05-17 16:47 千寻的天空之城 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 方法一,先来实现页面头尾固定,中间滑动的效果 1,为页面的body部分设置height:100%,以及overflow:hidden,即禁用页面原生的滚动,保证只会显示一屏的内容。 2,固定区域采用绝对定位。 html代码: css清单: 移动端实现内滚动的4种方案 将footer固定在页面底部的实 阅读全文
posted @ 2018-05-17 16:46 千寻的天空之城 阅读(495) 评论(0) 推荐(0) 编辑
摘要: 等我来填坑 阅读全文
posted @ 2018-05-17 16:45 千寻的天空之城 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 什么是响应式? 响应式的页面在不同的屏幕有不同的布局,换句话说,使用相同的html在不同的分辨率有不同的排版。 反正我的博客没人看,愉快的甩链接吧 响应式开发心得 阅读全文
posted @ 2018-05-17 16:44 千寻的天空之城 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 一,移动端web新增touch事件 最基本的touch事件包括4个事件: touchstart:当在屏幕上按下手指时触发。 touchmove:当在屏幕上移动手指时触发。 touchend:当在屏幕上抬起手指时触发。 touchcancel:当一些更高级别的事件发生的时候(如电话接入或者弹出信息), 阅读全文
posted @ 2018-05-17 16:44 千寻的天空之城 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 一,概念 弹性盒模型是css3的一种新的布局方式,是一种当前页面需要适应不同屏幕大小及设备类型时确保拥有恰当的行为的布局方式。 二,目的 引入盒模型的目的是提供一种更加有效的方式来对一个容器的子元素进行排列,对齐和分配空白空间。 三 ,css3弹性盒子内容 弹性盒子由弹性容器(Flex contai 阅读全文
posted @ 2018-05-17 16:43 千寻的天空之城 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 点击查看实验详情 阅读全文
posted @ 2018-05-14 15:49 千寻的天空之城 阅读(5131) 评论(0) 推荐(0) 编辑
摘要: 一,A4纸尺寸 1,A4纸尺寸:210mm*297mm 2,A4纸的像素和分辨率 2,A4纸的像素和分辨率 根据A4纸尺寸是210毫米×297毫米,而1英寸=2.54厘米,我们可以得出当分辨率是多少像素时,得出A4纸大小尺寸为多少毫米。如下是我们较长用到的规格尺寸: 当分辨率是72像素/英寸时,A4 阅读全文
posted @ 2018-05-08 09:46 千寻的天空之城 阅读(972) 评论(0) 推荐(0) 编辑
摘要: 1,设置viewport(视口) 这句话设置viewport的宽为设备的宽,禁止用户进行缩放 a) width: 宽度(数值/device-width) 默认为980 b)height 高度(数值/device-height) c)initial-scale: 初始的缩放比例 d)minimum-s 阅读全文
posted @ 2018-04-28 21:14 千寻的天空之城 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 一,position:relative相对定位 1,不会改变行内元素的display属性 3,并没有脱离普通流,只是视觉上发生的偏移。 html元素: css清单: .box2是.box的子元素 当.box2还没有设置相对位置的时候:表现形式如下: 并不是我认为的紧贴父元素的左上侧:而是除去了pad 阅读全文
posted @ 2018-04-25 15:29 千寻的天空之城 阅读(399) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 14 下一页