![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html5
Mr_lwb
生在河北,去过山西,逗留江苏,踩过上海,停在京城......
出身农民,当过菜工,下过建筑,干过保洁,最后闯入IT......
展开
-
Meta 基础知识
H5页面窗口自动调整到设备宽度,并禁止用户缩放页面meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码meta name="forma原创 2017-02-16 09:44:39 · 286 阅读 · 0 评论 -
SVG 案例二
Demo: css:#div1{ width:780px; height:400px; background:#fff; margin:20px auto; overflow:hidden;}body{ background:black;} html: js: var svgNS = 'http://www.w3.org/2000/svg';原创 2017-05-24 17:01:41 · 355 阅读 · 0 评论 -
SVG开发系列(一)
介绍:SVG从1999年由一组加入W3C的公司启动开发,与之前1998年提交给W3C的标准(PGML、VML)构成竞争。SVG从这两个格式吸取了经验。[3]SVG允许3种图形对象类型:矢量图形、栅格图像以及文本。图形对象——包括PNG、JPEG这些栅格图像——能够被编组、设计、转换及集成进先前的渲染对象中。文本可以在任何适用于应用程序的XML命名空间之内,从而提高SVG图形的搜原创 2017-03-05 22:39:10 · 2276 阅读 · 0 评论 -
canvas
简介:是一个可以使用脚本(通常为JavaScript)在其中绘制图形的 HTML 元素.它可以用于制作照片集或者制作简单(也不是那么简单)的动画. 右边的图片展示了一些 的应用,在这个教程后面我们将看到.使用 元素不是非常难但你需要一些基本的HTML和JavaScript知识。 元素不被一些老的浏览器所支持,但是所有的主流浏览器的新近版本都支持。Canvas 的默认大小为300原创 2017-03-09 10:05:10 · 449 阅读 · 0 评论 -
css3 弹性盒模型(三)
flex,box 讲解 元素弹性空间 display:flex; 案例代码#demo{ height:200px; border:1px solid #000; /*新版的弹性盒模型*/ display:flex; /*老版的弹性盒模型*/ /* display:-webkit-box; */原创 2017-02-23 11:29:04 · 471 阅读 · 0 评论 -
SVG 案例一
案例一:body{ background:#000;}#demo1{ width:780px; height:400px; background:url(images/bg.jpg) no-repeat; margin:20px auto; overflow:hidden;}/* 中心点 x : 780/原创 2017-03-06 22:18:21 · 591 阅读 · 0 评论 -
移动端事件(一)
移动端的三大事件手指按下:ontouchstart手指移动:ontouchmove手指抬起: ontouchend提示:在移动端开发时,浏览器的模拟器时好时坏,一般不用on 来绑定事件的函数,采用事件绑定的方式1、事件演示Demobody{ margin:0;}#test{ width:200px; height:2原创 2017-02-24 10:06:51 · 1556 阅读 · 0 评论 -
@media 讲解
一、媒体 all 所有媒体braille 盲文触觉设备embossed 盲文打印机print 手持设备projection 打印预览screen 彩屏设备speech '听觉'类似的媒体类型tty 不适用像素的设备tv 电视demo #box{原创 2017-02-23 18:03:50 · 568 阅读 · 0 评论 -
css3 弹性盒模型(一)
*{padding:0;margin:0;}#demo{ height:200px; border:1px solid #000; /*新版的弹性盒模型*/ display:flex; /*新版下设置主轴方向为水平方向*/ flex-direction:row; /*新版下设置主轴方向为垂直方向*/ flex-direction:c原创 2017-02-22 14:54:20 · 357 阅读 · 0 评论 -
getBoundingClientRect()
getBoundingClientRect() 获取页面元素的位置document.getElement.getBoundingClientRecttest test为了方便就直接用绝对定位的元素document.getElementById('test').onclick=function (){ if (document.do原创 2017-02-22 10:11:02 · 581 阅读 · 0 评论 -
移动端常见的一些问题
1、QQ强制竖屏或者横屏显示orientation" content="portrait | landscape" />2、QQ设置全屏3、UC强制竖屏或者横屏显示4、UC全屏显示5、禁止拨打电话号码和邮箱15210222829 15210222829">请拨打电话号码请发送邮箱6、去掉点击时候的高亮颜色a,input,button{-原创 2017-02-21 15:39:00 · 246 阅读 · 0 评论 -
Sticky Footer,完美的绝对底部
写在前面做过网页开发的同学想必都遇到过这样尴尬的排版问题:在主体内容不足够多或者未完全加载出来之前,就会导致出现(图一)的这种情况,原因是因为没有足够的垂直空间使得页脚推到浏览器窗口最底部。但是,我们期望的效果是页脚应该一直处于页面最底部(如图二):笔者最近在项目中也遇到过这样的场景,在寻找最佳解决方案的过程中,了解到了 “Sticky Footer” 这个名词。本文将带大家重新认...转载 2019-05-15 14:18:13 · 162 阅读 · 0 评论