一、移动开发常用技巧 Viewport基本知识 设置布局Viewport的各种信息 1、width=device-width; 设置Viewport视口宽度等于设备宽度 2、initial-scale=1; 网页默认缩放比为1(网页在手持设备上,不会进行默认缩放 3、minimum-scale=1 ...
分类:
移动开发 时间:
2017-08-27 22:25:15
阅读次数:
440
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1, ...
分类:
其他好文 时间:
2017-08-26 17:13:51
阅读次数:
156
一、使用Bootstrap要引用的文件 要使用Bootstrap,基本架构要引用如下文件: 最简单的页面示例代码如下: 显示效果如下: 二、使用前要点 1、DOCTYPE Bootstrap使用了HTML5元素,所以HTML头部要加上 2、viewport Width=device-width => ...
分类:
其他好文 时间:
2017-08-26 16:58:52
阅读次数:
134
一、原理:当滚动条到达底部时,执行下一页内容。判断条件需要理解三个概念: 1.scrollHeight 真实内容的高度 2.clientHeight 视窗的高度,即在浏览器中所能看到的内容的高度 3.scrollTop 视窗上面隐藏掉的部分,即滚动条滚动的距离思路: 1.使用fixed定位加载框 2 ...
分类:
移动开发 时间:
2017-08-25 10:48:05
阅读次数:
180
影响因素:1 设备物理像素 2 缩放 3 dpr 设置理想视口 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 方法1 固定高度,宽度自适应:垂直方向用定值,水平方向百分比、定值、flex都行。 原理:<me ...
分类:
移动开发 时间:
2017-08-25 01:16:57
阅读次数:
188
原文地址:http://blog.csdn.net/sup_heaven/article/details/8461593 只是作为备忘!!! 一次调试百度地图多marker事件监听的问题,不知如何解决,后来看了原作者jz1108才知道要用闭包。觉得原作者jz1108关于百度地图的文章写的不错,所以转 ...
//有表单验证, 表格格式 , 启动项, 回馈, 增删改查。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi ...
分类:
其他好文 时间:
2017-08-23 16:22:05
阅读次数:
188
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt ...
分类:
Web程序 时间:
2017-08-23 13:37:32
阅读次数:
384
1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 1 1 其它相关配置内容如下: width viewport 宽度(数值/device-width) height viewport 高度(数值/device-height) initial-scale 初始缩放比例 maximum-sc ...
分类:
移动开发 时间:
2017-08-22 19:10:16
阅读次数:
246
viewport 视口(可视区窗口)设置详解 当我们试图在iPhone中输出屏幕宽度的时候,会发现屏幕宽度是980,居然和pc屏幕宽度差不多大 苹果主导的这些手机厂商,为了使用户获得完整的WEB体验,很多设备都会欺骗浏览器返回一个数值较大的视口,告诉浏览器,别以为我身子小,但是我想以980px宽度显 ...
分类:
移动开发 时间:
2017-08-22 01:51:58
阅读次数:
432