css
三人行,必有我师!!!
三人行,必有我师!!!
展开
-
vue样式绑定
css样式绑定和style内联样式绑定均可以绑定字符串,数组,对象代码:<template><!-- 样式绑定 --> <div class="base06"> <home-back></home-back> <h2 :class="classString">样式绑定 - class绑定字符串</h2> <h2 :class="classArr">原创 2021-08-06 18:04:15 · 100 阅读 · 0 评论 -
css样式穿透<<< deep
问题背景:在vue中使用了第三方框架的样式,在本组件中改变样式并不能生效。解决问题:方案一:使用 /deep/方案二:使用 <<< 样式穿透原创 2021-03-05 14:32:56 · 390 阅读 · 0 评论 -
网络问题造成,页面抖动
场景:如图当图片没有请求回来的时候,下面的文字在header下面,图片加载完时,又恢复到图片下方。一:高度设置(高度百分比是31.25%。不能直接设置height:31.25%)或者这样写(vw会有浏览器兼容问题)...原创 2021-03-05 14:28:06 · 188 阅读 · 0 评论 -
解决移动端 H5 点击300ms延迟问题
安装fastclick (移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件,这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件,才有了FastClick。)一安装:npm install fastclick --save二:使用:在main.js中引入import fastClick from 'fastclick'fastClick.attach(document.body)...原创 2021-03-04 16:28:31 · 831 阅读 · 1 评论 -
移动端H5 1px显示问题
border.css@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,.border-bottomleft { position: relative;}.border::before,原创 2021-03-04 16:17:23 · 149 阅读 · 1 评论 -
公用css样式
reset.css@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}body,input,textarea,button,select,pre,xm.原创 2021-03-04 16:16:07 · 397 阅读 · 1 评论