html
css_styles
走在大神的路上
展开
-
h5和css3兼容IE8浏览器
一、兼容html5标签使用html5.js来兼容。 百度云盘下载:html5.js<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/x原创 2016-04-26 13:09:19 · 11902 阅读 · 0 评论 -
检查浏览器视口大小
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <title>浏览器视口大小检查</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"/></head><原创 2016-04-26 13:53:24 · 1275 阅读 · 0 评论 -
移动H5前端性能优化指南(网上整理)
PC优化手段在手机端同样适用,在手机端提出3秒钟渲染完成首屏指标,首屏加载3秒完成或使用Loading,基于联通3G网络平均338KB(2.71Mb/s),所以首屏资源不应该超过1014KB;手机端因手机配置原因,除加载外渲染速度也是优化重点。一、加载优化合并CSS、JavaScript文件;合并小图片,使用雪碧图;缓存一切可缓存的资源;使用长Cache;使用外联式引用CSS、JavaS原创 2016-05-24 10:46:12 · 1096 阅读 · 0 评论 -
html5 PC端head部分整理
参考网址:一丝的常用的 HTML 头部标签;<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="UTF-8"> <!-- 设置360浏览器渲染模式,webkit 为极速内核,ie-comp 为 IE 兼容内核,ie-stand 为 IE 标准内核。 --> <meta name="renderer"原创 2016-05-11 14:36:05 · 2097 阅读 · 0 评论 -
移动端head部分整理
参考网址: 一丝——常用的 HTML 头部标签<!DOCTYPE html><html lang="zh-cmn-Hans"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalab原创 2016-05-11 14:38:35 · 485 阅读 · 0 评论 -
web移动端开发技巧
一、定制键盘行为搜索框设置type="search" 用一个form表单包围起来,在onsubmit 事件里面阻止默认行为;对于只输入数字的文本框,可以通过以下设置来实现键盘只显示数字,不显示其他字符。<input type="text" pattern="[0-9]*" />配置input节点的 autocapitalize 、autocorrect属性;autocapitalize="of原创 2017-07-03 23:02:39 · 378 阅读 · 0 评论