css
关注
分享
扫一扫
Kätzchen-408
我无法选择天堂与地狱，但至少能改变自己。
展开
-
css渐变 百分比的理解
例如：background: linear-gradient(#c20009 5%, #fff 25%);效果如图:注意，这里的百分比是沿渐变主轴的方向元素的长度（或宽度），默认为从上到下。原创 2022-02-13 13:51:03 · 1553 阅读 · 0 评论 -
vue使用媒体查询实现响应式的两种方式
前提依赖:sass,sass-loader1.在每个组件中为其使用媒体查询这种方法的有点是减少了重写不同终端同一组件的工作量,缺点是每个组件都要使用媒体查询,当一套页面组件不同时,需要进行组件的显示与隐藏(display:none!important),在不同终端区别不大的情况下建议使用这种方法.例如:.styleClassName{width:200px;@media only screen and (min-width: 1200px) {width:100px}}2.写n套页原创 2021-07-28 19:01:22 · 5442 阅读 · 3 评论 -
vue移动端使用swiper+vue-awesome-swiper实现滑动选择
vue使用swiper+vue-awesome-swiper实现滑动选择踩坑提示1.源文档使用原生编写,不能直接写在vue里解决方案2.兼容性问题实现先上效果图:踩坑提示1.源文档使用原生编写,不能直接写在vue里swiper的文档写的太简陋了,虽然兼容vue,但是文档中给的样例是用原生html写的,把vue组件名放到样式类中了.原文档中,我要实现的功能的样例代码是这样:<!DOCTYPE html><html lang="en"><head> &l原创 2021-07-27 13:51:02 · 1873 阅读 · 0 评论 -
通过设置backgroundsize控制背景图的自动缩放
父组件:<template> <div class="home"> <index-page :Width="windowWidth" :Height="windowHeight" /> </div></template><script>import indexPage from "../components/indexPage";export default { name: "Home", com原创 2021-07-20 15:07:26 · 639 阅读 · 0 评论