HTML
文章平均质量分 58
可乐6666
一个专注于Web前端的程序猿,且有从前端向后台、产品经理转变的想法,充满新奇的想法并正在付诸于实际,幻想着有一天能升职加薪,当上总经理,出任CEO,走上人生巅峰!
展开
-
移动端高清、多屏适配方案
移动端高清、多屏适配方案转载自:http://www.cnblogs.com/lovesueee/p/4618454.html背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:转载 2016-06-27 16:23:21 · 362 阅读 · 0 评论 -
ios手机设置input为readonly后,解决仍会获得焦点弹起软键盘
可以在input中添加unselectable="on" onfocus="this.blur()"最终为<input type="text" readonly="readonly" unselectable="on" onfocus="this.blur()"/>原创 2018-03-12 16:55:23 · 6709 阅读 · 0 评论 -
placeholder兼容性问题
1、输入框提示信息在placeholder为普遍应用之前,普遍采用使用JavaScript来实现输入框提示。HTML5提供了placeholder来帮助实现提示,不需要任何的JavaScript。只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性,然后在属性值里输入你需要的提示信息。如下所示:2、可以通过CSS3来美化placeholder提示信息的样原创 2018-02-07 12:00:15 · 512 阅读 · 0 评论 -
html和word中字体对应
1、开发中需要使用freemarker导出word,需要前端人员写html模板,在开发中遇到了word中字体和css中字体对应的问题,经过试验如下:word字字号word字体值(pt)Css字体大小(px)初号44pt58.6小初36pt48一原创 2018-02-07 10:54:15 · 6621 阅读 · 1 评论 -
pc端点击图片放大效果
1、在pc端会遇到点击图片,然后让页面添加蒙版,图片居中放大的效果;效果图如下2、代码实现方式:问题解决 图片放大 body{background-color: #E8E8E8;} $("body").on('click','原创 2017-10-12 13:58:23 · 7490 阅读 · 1 评论 -
HTML页面跳转的方法
1、html中使用meta中跳转,通过meta可以设置跳转时间和页面 2、a标签直接跳转百度一下3、通过javascript中实现跳转// 直接跳转window.location.href='index.html';// 定时跳转setTimeout("javascript:location.href='index.html'", 5000);其原创 2017-07-28 12:05:37 · 221098 阅读 · 5 评论 -
html中实现添加水印的功能
最近项目需求中需要在html中添加水印效果,试验了一下几种方法1、使用背景图添加水印2、使用定位添加水印3、使用js添加可配置控制水印原创 2017-08-21 18:45:24 · 30375 阅读 · 0 评论 -
注册登录时输入11位手机号,不能输入字母和特殊字符,input number类型去掉上下加减箭头
1、如果使用type=“number”,则为造成能输入“-”、‘+’和“.”,在type为number的时候要可以输入加号、减号和小数点的。2、在为number类型时,会产生上下可以加减的箭头3、限制输入框为只能输入最大为11为数字4、密码输入为6-16为数字和字母的组合原创 2017-08-08 15:34:30 · 8650 阅读 · 0 评论 -
浮动处理HTML5图文混排
浮动处理图文混排原创 2017-04-19 18:16:32 · 5636 阅读 · 0 评论 -
jquery中on动态绑定阻止冒泡事件异常
绪论:如果动态生成的元素用on来绑定事件,会根据selector不同,阻止冒泡的结果也不同。原创 2017-02-17 17:01:15 · 6966 阅读 · 1 评论 -
和空格区别及去除区别
1、html中提供了6中空格,分别为 &ensp;&emsp;&thinsp;&zwnj;&zwj;具体区别看参考:http://www.cnblogs.com/chenshihaook/p/6186343.html2、 为不换行空格,全称No-Break Space,使用最多的空格,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加原创 2017-02-16 16:13:50 · 7020 阅读 · 0 评论 -
阻止事件冒泡、取消默认事件
1、事件冒泡的由来!事件发生需要有事件源,即引发这个事件的对象。事件发生后,事件源本身没有处理事件的能力,如:我们给div添加一个点击事件,但div本身并不能处理这个事件,事件必须传播,达到能够处理本事件的代码中。就是要找到处理该div点击事件的函数。事件冒泡:就是通过事件冒泡找到找到处理点击事件的函数。事件冒泡是根据DOM中的对象树,以此向上查找。如果父节点有执行该点击事件的函数或可原创 2017-02-16 14:04:10 · 466 阅读 · 0 评论 -
html在移动端IOS点击闪屏问题
1、在实际的html移动端开发时,在移动端IOS,点击屏幕会出现闪屏的效果,如何去除闪屏,可以在html或者body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}原创 2018-03-29 15:37:01 · 4601 阅读 · 0 评论