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 · 218 阅读 · 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 · 1663 阅读 · 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 评论