HTML5
M-Didid
相信自己,一定能行!
展开
-
html实现打印功能
实现代码 写入js文件中 // 打印 function preview(oper) { if (oper < 10) { bdhtml = window.document.body.innerHTML; //获取当前页的html代码 sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域 eprnstr = "<!--endprint" + oper + "-->"; //设置打印结束原创 2021-05-07 14:40:29 · 4918 阅读 · 3 评论 -
html2canvas实现截图功能
1 下载html2canvas.js或者直接引入 下载地址 或 直接引入 <script src="http://html2canvas.hertzen.com/dist/html2canvas.js"></script> 截屏后跳转新页面显示图片 $(".screen").on('click', function (event) { event.preventDefault(); html2canvas(document.body, { allow原创 2021-05-07 14:09:31 · 731 阅读 · 0 评论 -
背景图片自适应 总是充满整个屏幕
设置 background-size: cover; background-position: 50% 0px; background-repeat: no-repeat;原创 2020-07-06 10:00:56 · 559 阅读 · 0 评论 -
@media 媒体查询的使用
@media 媒体查询@media-使用场景?使用方式 @media-使用场景? 1.针对不同媒体类型定义不同的样式 2.针对不同屏幕尺寸设置不同的样式,在设置响应式页面时非常有用 使用方式 @media (max-width:600px){ #video{ width:80%; } 当屏幕宽度小于600px的时候,设置#video元素的width为屏幕宽度的80% ...原创 2019-12-13 15:18:12 · 216 阅读 · 0 评论