M_SSY的博客

图片大宽高不一致时，设置图片的宽高一致，只显示中间部分，不压缩，不变形 img { width: 66px; height: 66px; object-fit: cover; }...

<template> <div @click="setRandom($event)">这是about页面 <span ref="circle" class="circle" :style='style'></span> </div></template><script> export default { data() { return { style: {} .

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;页面布局两栏&lt;/title&gt;&lt;/head&gt;&lt;style type="text/css"&gt; .box{

三栏布局,高度100px,左右分别宽度300px,中间部分自适应&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;页面布局&lt;/title&gt;&lt;/head&gt;&lt;style type=&quot

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt; &lt;title&

html代码:&lt;div id="preloader_6"&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt;&lt;/div&gt;css代码

html代码: &lt;div id="preloader_3"&gt;&lt;/div&gt;css代码:#preloader_3 { position: relative;}#preloader_3:before { width: 20px; height: 20px; border-radius: 20px; background: blue; conte...

htmll代码:&lt;div id="preloader_1"&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&

html代码:&lt;section&gt; &lt;div class="loader loader-1"&gt; &lt;div class="loader-outter"&gt;&lt;/div&gt; &lt;div class="loader-inner"&gt;&lt;/div&gt; &

vue2.0的移动端的touch事件touch的开始事件是@touchstart，移动过程是@touchmove,结束事件是@touchend模仿hover效果,在PC端就是鼠标移入移出的效果,在移动端就是手指按下开始和结束的过程,上代码&lt;input class="immediately-btn" :class="{touchColor:whether}" type="...

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset;}/*焦点时也加上，不加会出现黄色背景闪动一下*/input[type=text]:focus, input[type=password...

当输入框获得焦点的时候，会出现动画效果，下面放代码&lt;div class="login-input"&gt; &lt;input type="text" placeholder="邮箱" class="active-input"&gt; &lt;span class="from-box-line"&gt;&lt;/span&amp