css图片居中剪切,避免图片变形

css图片居中剪切,避免图片变形

不管是在pc端还是在移动端,页面都必不可少的会出现很多图片,正常情况下,我们让图片100%自适应显示的话,如图下:在这里可以看到,图片有大有小,但是有时候我们需要图片显示的大小是一样,而且不能变形,那么我们需要加入以下代码1.给图片设置宽高2.加入object-fit: cover;这行代码例如:.panorama li img{ display: block; width:100%; he...

技术杂谈 2019-08-12 PM 4次 0条
巧用阿里云 oss 图片规则

巧用阿里云 oss 图片规则

一位博主的文章缩略图的尺寸,相信大家也看得出来是个什么问题。文章缩略图直接获取整张图片,然后居中显示一部分,这样的问题就是我们前面页面看起来没什么问题,其实在传输数据的时候已经开始掉链子了。这样的问题应该有很多人都有。优化真的是从一点一滴做起来的。针对 wordpress 来说以前用 wordpress 的时候,记得用后台上传的图片会被裁剪多种尺寸的缩略图。各种尺寸的都有,如果自己做主题的,...

技术杂谈 2019-08-12 PM 8次 0条
Mysql注入中load_file()函数的使用

Mysql注入中load_file()函数的使用

前言在Msql注入中,load_file()函数在获得webshell以及提权过程中起着十分重要的作用,常被用来读取各种配置文件而load_file函数只有在满足两个条件的情况下才可以使用:1、文件权限:chmod a+x pathtofile2、文件大小:必须小于max_allowed_packet举例select load_file('D:\xampp\htdocs\www\wanju\...

技术杂谈 2019-08-12 PM 6次 0条
Darkmode.Js 一键为网站添加黑暗模式

Darkmode.Js 一键为网站添加黑暗模式

前言Darkmode.Js 是一款开源项目,非常易于使用,只需一段代码就可以为网站添加夜晚模式/黑暗模式/夜间模式/护眼模式安装好之后,在网页的右下角有一个圆形按钮,点击即可切换白天/夜晚模式,让你的网站跟上 UI 界的潮流。这是一个不需要任何技术,很容易使用的开源项目代码看到这个代码估计很多人都会安装了。随便找个 footer.php 文件放到合适的位置就可以了并且数据保存于本地浏览器,用...

技术杂谈 2019-08-12 PM 3次 0条
typecho 添加侧边栏滑动

typecho 添加侧边栏滑动

有之前购买过我主题的一位朋友让我出一篇侧边栏滑动的教程。其实我也是小白,这只是个 js 效果,wordpress 也能用。理论上是不限制任何后台系统的。其实如果只做博客的话,强烈推荐 typecho 养老。哈哈~在还没搜到这个 js 效果前的时候,也用过 github 里某位老外的 jq 侧边栏库,用起来不是很得劲,我一般会找相关功能的代码会先测试下,哪一种比较适合再去放到主题里。另外就是为...

技术杂谈 2019-08-12 PM 3次 0条