ie7的问题记录
发表于
html5
分类，标签:
09
12月
2022
0
时隔多年,公司项目还有需要支持ie7的,以前没记录,暂时还是记下来,留意备用1、ie7css不能用box-sizing,为了书写兼容,建议reset.css设置 *{padding:0;margin:0;box-sizing:content-box;}2、ie7 不能使用 rgba(),请用透明的png背景色图片代替3、ie8不能通过filter来设置透明,请用透明的png背景色图片代替4、ie7,ie8不支持placeholder,请自己写个标签代替，然后用js绑定事件监听，有值就隐藏该标签，无值就显示该标签5、ie7 js对象最后一个属性绝对不要加逗号,否则报错6、css写法需要注意 font:14px/30px"MicrosoftYahei";&nb...
Meta标签定义浏览器用什么模式渲染
发表于
html5
分类，标签:
22
02月
2020
#HTMLMeta中添加X-UA-Compatible和IE=Edge,chrome=1有什么作用？ >X-UA-Compatible是自从IE8新添加一个位置，对IE8以下的浏览器是不识别的， 通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。 网页中指定的模式优先于服务器通过HTTPHeader指定的模式。 ##通用设置 &...
ie 滚动条的样式
发表于
html5
分类，标签:
06
09月
2019
ie滚动条的样式支持的属性有以下属性scrollbar-base-color-滚动条背景色自动调整其他颜色scrollbar-face-color-滚动条背景色scrollbar-highlight-color-滑道背景色scrollbar-track-color此属性也能调整滑道背景色scrollbar-shadow-color-滚动条边框颜色scrollbar-arrow-color-箭头颜色、使用实例： .test{scrollbar-base-color:red;} .test{scrollbar-face-color:red;} .test{scrollbar-highlight-color:#f00;} || .test{scrollbar-track-color:red;} .test{scroll...
chrome下调整滚动条样式
发表于
html5
分类，标签:
06
09月
2019
<!DOCTYPEhtml><html><head> <metacharset="UTF-8"> <title>Title</title> <style> .fd-scroll{ width:1000px; height:...
移动端媒体查询
发表于
html5
分类，标签:
12
12月
2017
<metacharset="UTF-8"/> <metaname="renderer"content="webkit"/> <metahttp-equiv="X-UA-Compatible"content="IE=EDGE,chrome=1"> <metaname="viewport"content="width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maxim...
indexDB是使用
发表于
html5
分类，标签:
30
11月
2016
//index.db.js;window.indexedDB=window.indexedDB|| window.mozIndexedDB|| window.webkitIndexedDB|| window.msIndexedDB; window.IDBTransaction=window.IDBTransaction|| ...
前端性能优化
发表于
html5
分类，标签:
25
10月
2016
移动H5前端性能优化指南概述1.PC优化手段在Mobile侧同样适用2.在Mobile侧我们提出三秒种渲染完成首屏指标3.基于第二点，首屏加载3秒完成或使用Loading4.基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5.Mobile侧因手机配置原因，除加载外渲染速度也是优化重点6.基于第五点，要合理处理代码减少渲染损耗7.基于第二、第五点，所有影响首屏加载和渲染的代码应在处理逻辑中后置8.加载完成后用户交互使用时也需注意性能优化指南[加载优化]加载过程是最为耗时的过程，可能会占到总耗时的80%时间，因此是优化的重点·减少HTTP请求因为手机浏览器同时响应请求为4个请求（Android支持4个，iOS5后可支持6个），所以要尽量减少页面的请求数，首次加载同时请求数不能超过4个a)合并CSS、JavaScriptb)合并小图...
2015年开源前端框架盘点TOP20
发表于
html5
分类，标签:
22
08月
2016
015年已经过去了，作为一个前端开发者，我觉得有必要把过去一年帮助过我或朋友们的优秀开源前端框架做个盘点，希望这些项目能够越来越好，帮助到更多的前端开发者们。此榜单根据github上star数作为排名依据，一个人力量有限，如果收集有遗漏欢迎补充。（榜单中大部分为组件式框架，react、Angular等基础框架不在此篇讨论）1、名称：Bootstrap类别/语言：HTML、CSS、JavaScript创建者：Twitter人气：在Github上有91007stars描述：主流框架中毋庸置疑的老大，Bootstrap是基于HTML、CSS、JavaScript的，它简洁灵活，使得Web开发更加快捷。核心概念/原则:RWD和移动优先制。浏览器支持：Firefox,Chrome,Safari,IE8+(你需要Respond.jsforIE8)响应式:Yes模块...