css
Dfer.Site
Dfer.Site
展开
-
让元素自适应屏幕大小
获取canvas:var canvas = document.querySelector("canvas"); var context = canvas.getContext('2d'); 获取移动设备屏幕的大小:1.document.documentElement.clientWidth:可见区域宽度; document.documentElement.clientHeight:可见区域高度。c原创 2017-11-29 16:00:39 · 1423 阅读 · 0 评论 -
特殊字符
.wi-right-sign:before { content: "\e993"; /*\a1到\f999都是特殊字符*/ }原创 2017-12-20 15:36:12 · 217 阅读 · 0 评论 -
CSS
<img style="width: 100%;-webkit-transform:rotate(180deg);" src="../addons/video_yisosno/template/public/images/hand.png"> #webkit浏览器旋转图片 //-webkit-transform:rotate(180deg);原创 2017-11-22 18:05:57 · 196 阅读 · 0 评论 -
div背景图片拉伸
height: 100%; margin-top: 0px; background:url(http://nwq.ycwjwl.com/attachment/images/15/2018/02/oxGjJBJYY9zfyBmjyBbUYbx8gBpgIJ.jpg) no-repeat; background-size: 100% 100%;原创 2018-02-01 16:06:40 · 1082 阅读 · 0 评论 -
iframe自适应
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-原创 2018-03-17 16:45:07 · 711 阅读 · 0 评论 -
悬浮居中的div
element <div class="float" id="float">加载中...</div> css .float { font-size: 30px; position: fixed; top:50%; left: 50%; ...原创 2018-03-17 18:18:24 · 1662 阅读 · 0 评论 -
屏蔽页面的选中效果
<style> * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } </style>原创 2018-05-31 00:03:12 · 267 阅读 · 0 评论