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

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

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

技术杂谈 2019-08-12 PM 4℃ 0条
typecho 判断当前页面

typecho 判断当前页面

typecho 判断 “大法” 在做模板的时候还是很重要的,记录下。比较全的一个 Typecho 模板文档大全之 is 判断语法,可也还是漏了下面这个。在具体文章正文内的判断。<?php if($this->category == "分类A的缩略名"): ?> 这里是分类A的文章页面HTML代码 <?php else: ?> 这里是分类B的文章页面HTML代码 <?php endif; ?>记录一下,typecho的判断真的非常好用。

PHP 2019-08-12 PM 2℃ 0条
巧用阿里云 oss 图片规则

巧用阿里云 oss 图片规则

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

技术杂谈 2019-08-12 PM 8℃ 0条
PHP (超文本预处理器)

PHP (超文本预处理器)

PHP即“超文本预处理器”,是一种通用开源脚本语言。PHP是在服务器端执行的脚本语言,与C语言类似,是常用的网站编程语言。PHP独特的语法混合了C、Java、Perl以及 PHP 自创的语法。利于学习,使用广泛,主要适用于Web开发领域。简介PHP原始为Personal Home Page的缩写,已经正式更名为 "PHP: Hypertext Preprocessor"。自20世纪90年代国内互联网开始发展到现在,互联网信息几乎覆盖了我们日常活动所有知识范畴,并逐渐成为我们生活、学习、工作中必不可少的一部分。据统计,从2003 年开始,我国的网页规模基本保持了翻番的增长速度,并且呈上升趋...

PHP 2019-08-12 PM 3℃ 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\htaccess.txt') select load_file('/etc/hosts')例如上面的例子是有条件限制的:1、必须有权限读取并且文件必须完全可读。and (select count(*)...

技术杂谈 2019-08-12 PM 6℃ 0条