随笔分类 - html css
摘要:实测有效!!! 这里display:table-cell, 一定不要设置成block,很多博客都写设置成block,实测导致gutter外层占位莫名17px,还找不到地方修改 <style scoped lang="scss"> // 解决表头固定,出现错位问题 /deep/.el-table {
阅读全文
摘要:现在vue的脚手架生成项目之后我们会发现index.html页面中。 在head标签中,我们会看到meta标签中有一条显示是 但是我们发现这条语句中只是让user-scalable=0,这是不让用户进行缩放。 可以页面会在两个手指进行放大!!! 可以页面会在两个手指进行放大!!! 可以页面会在两个手
阅读全文
摘要:https://blog.csdn.net/qq_37875642/article/details/123353693
阅读全文
摘要:问地址: http://192.168.1.1/login.html?a=1&b=2&url=/device.html?c=3&d=4 这种情况下,d=4 这个参数会被当做是访问 login.html 时的参数,而不是 device.html 的参数。 解决办法: 对url 参数内容进行加码,如下:
阅读全文
摘要:是的,你可以设置背景图片和渐变颜色的组合。要实现这一点,你可以使用 background 属性同时指定 background-image 和 background 渐变,并结合 background-blend-mode 进行混合。以下是如何实现的例子: .element { background-
阅读全文
摘要:height: 100%; 和 height: 100vh; 是设置元素高度的两种不同方式,它们之间有一些区别: height: 100%;: 这个属性会使元素的高度等于其父元素的高度。也就是说,元素的高度将会占据其父元素的百分之百高度。 值为百分比时,实际的高度取决于其父元素的高度。如果父元素没有
阅读全文
摘要:overflow: hidden; 和 overflow: auto; 是 CSS 中用于处理溢出内容的两种常见方式,它们之间有一些区别: overflow: hidden;: 当内容超出容器尺寸时,超出部分将被隐藏,不会显示在容器之外。 不会显示滚动条,用户无法滚动查看隐藏的内容。 超出的内容将被
阅读全文
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Marquee标签</title> <style> .main{text-align:center;} .marq{padding-top:30px;padding-bottom:
阅读全文
摘要:安卓下载 exportPDF(url) { // url 未pdf,word文件可以打开的链接 const a = document.createElement("a"); a.href = url; a.target="_blank"; a.download = "download"; a.cli
阅读全文
摘要:/** * Created by lvlq on 16/1/29. */ !function (N, M) { function L() { var a = I.getBoundingClientRect().width; a / F > 2000 && (a = 2000 * F); var d
阅读全文
摘要:h5 页面设计长度,宽度换算 设计图,宽度安装750px的标准来的 @function px2rem($px) { @return $px / 75px* 1rem; } rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位
阅读全文
摘要:display: flex; flex-wrap: wrap; justify-content: flex-start!important; 没有起到左侧开始排列效果,看你是box子框中设置了margin:auto属性,会吧flex-start给冲掉
阅读全文
摘要:<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 页面上存在这一行meta,等同于在header中添加 Content-Security-Policy 为true, 会将页面中的http请求
阅读全文
摘要:<transition name="fade"> </transition> 可以替代css中再用transition的属性
阅读全文
摘要:width:max-content 表示采用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。如果出现文本,则相当于文本不换行 对于min-content 内部元素最小的那个元素的宽度对应值.
阅读全文
摘要:当指定view为flex布局后,给子元素定义width是不起效果的。 原因:定义为flex布局元素的子元素,自动获得了flex-shrink的属性,这个属性是什么意思呢?就是告诉子元素当父元素宽度不够用时, 自己调整自己所占的宽度比,这个flex-shrink设置为1时,表示所有子元素大家同时缩小来
阅读全文
摘要:在body里面加上如下代码: <body oncontextmenu=self.event.returnValue=false onselectstart="return false"> 参考:https://www.henenseo.com/archives/2001, 实测有效,右击网页无反应了
阅读全文
摘要:/*** * px2rem 转换 */ base-font-size: 750; @function px2rem(px) { @return px / 75px * 1rem; } @function rem(px) { @return (px / base-font-size) *
阅读全文
摘要:flex布局justify-content属性值区别 space-between 最左、最右item贴合左侧或右侧边框,item与item之间间距相等。 space-around 每个item 左右方向的margin相等。两个item中间的间距会比较大 align-items:center; 垂直居
阅读全文