前端开发

HTML页面百分比自适应浏览器小结

2019-06-04395次阅读HTML
页面元素尺寸按百分比计算,其中图片元素要考虑到兼容IE6+,不可以使用背景IE9+的background-size。
前端开发

百分比实现图片、视频、元素宽高等比缩放

2019-05-31252次阅读HTML
就是通过父容器的宽高计算出当前元素自身的大小实现宽高等比缩放,例如:图片、视频、元素等比缩放。
前端开发

input中readonly属性在IE下光标仍可聚焦

2019-05-28426次阅读HTML
input中readonly属性在IE下光标仍可聚焦,设置unselectable="on"即可以解决。
前端开发

inputmode输入模式了解一下

2019-05-211051次阅读HTML
inputmode全局属性为具有屏幕键盘的设备向浏览器提供提示,以帮助它们在用户选择input或textarea元素时决定要显示哪个键盘。
前端开发

隐藏原生HTML5视频控件

2019-05-20215次阅读HTML
有时您可能需要进行自定义HTML5视频控件开发,那么您就需要先隐藏原生HTML5视频控件。
前端开发

HTML中Table表格元素完整指南

2019-05-17347次阅读HTML
HTML中的元素用于显示表格数据。table表格无非就是tr行和td|th列组成。元素表示“表格标题”,元素表示“表格数据”。
前端开发

chrome浏览器不支持audio和video标签的autoplay自动播放解决方案

2019-05-164553次阅读HTML
音频audio和视频video无法自动播放这个在IOS上面一直是个惯例。桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能,紧接着在2018年4月份发布的Chrome 66开始也正式关掉了声音自动播放,也就是说在Safari、Chrome、opera浏览器中音频audio和视频video自动播放功能都将失效。
前端开发

HTML引入或include包含其他HTML文件

2019-05-08585次阅读swigHTMLgulp
HTML从来没有任何方法可以在代码中包含其他HTML文件。例如包含所有页面的页眉和页脚:
前端开发

Web Components即web组件HTML template模板

2019-04-30339次阅读HTML
HTML template模板允许我们在普通的HTML流程中删除可重复使用的代码模板,这些模板不会立即呈现,但可以在以后使用。
前端开发

去掉隐藏IE下input的文本框叉叉和密码输入框的眼睛图标

2019-04-10738次阅读HTML
从IE10开始,type="text"的input文本框在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。对于type="password"的input密码框则会在右方显示一个小眼睛的图标,点击这个图标可以显示已经输入的内容。好是好,但有时候会画蛇添足,与样式不匹配。