随笔分类 -  HTML

使用padding代替高度实现背景图片、图片等比例自适应
摘要：一、背景图片 使用padding代替高度的原因可查阅参考1链接 固定宽高比 .boxWrapper{ max-width: 320px; } .box { width: 100%; height: 0; padding-bottom: 84.375%; /*图片宽高 320/270 270/375= 阅读全文
posted @ 2021-12-16 16:08 Amy-WebFrontEnd 阅读(197) 评论(0) 推荐(0)
主流浏览器HTML5视频格式差异
摘要：因最近在研究video.js，现在遇到的问题是在js中设置了swf，但是在ie8下只是显示黑屏并没有播放视频，在网上进行搜索时查到了有关各个浏览器支持哪些视频格式的文章，现在此记录下，方便以后查阅。 浏览器之间的主要差别在于它们可能支持不同的视频格式。HTML5 视频是新出现的标准，尚未约束使用任何 阅读全文
posted @ 2017-05-04 16:25 Amy-WebFrontEnd 阅读(1037) 评论(0) 推荐(0)
line-height:150%/1.5em与line-height:1.5的区别
摘要：微信号“前端大全‘中看到一篇”这可能是史上最全的CSS自适应布局总结“中看到张鑫旭的”学习CSS的瓶颈“，在其中看到一个问题”line-height:150%和line-height:1.5的区别是？“（这引玉深度。。。）特此记录下自己学习的东西，方便以后进行查阅。 line-height的值：no 阅读全文
posted @ 2017-02-16 13:10 Amy-WebFrontEnd 阅读(682) 评论(0) 推荐(0)
让360双核浏览器默认极速模式，避免采用兼容模式
摘要：用Meta标签代码让360双核浏览器默认极速模式不是兼容模式<meta name="renderer" content="webkit" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 在head标签中添加一行代码：< 阅读全文
posted @ 2017-02-07 13:28 Amy-WebFrontEnd 阅读(1224) 评论(0) 推荐(0)
行内元素内边距对左右下起作用，外边距只对左右起作用
摘要：.s1的外边距：左右起作用，上下未起作用 .s3的内边距：明显可以看出上边距没起作用 参考： http://www.qdfuns.com/notes/26090/795e5a3545adf6d045e65c9cf2c93f74.html 阅读全文
posted @ 2017-01-24 15:20 Amy-WebFrontEnd 阅读(1609) 评论(0) 推荐(0)
页面(html,css,js)上传到服务器后乱码
摘要：http://blog.csdn.net/u011606714/article/details/44649159 将文件使用记事本保存成ANSI格式或者UTF格式（根据需要）即可。 设置格式： html ： js : css : 阅读全文
posted @ 2016-11-28 17:18 Amy-WebFrontEnd 阅读(4371) 评论(0) 推荐(0)