文档章节

css img 等比例平铺怎么个屏幕

Jack088
 Jack088
发布于 2015/03/25 20:08
字数 73
阅读 385
收藏 4

有时候 <img> 显示图片的时候,由于不同屏幕的尺寸不一。

所以 这时候 图片就应该等比平铺满整个屏幕。

设置图片样式 :

.img{

position:absolute;/*不设置没有效果*/

width:100%;

height:100%;

}

© 著作权归作者所有

共有 人打赏支持
Jack088
粉丝 41
博文 405
码字总数 59469
作品 0
程序员
img与background-image之间的区别

1.img <img src="图片来源" alt="图片无法显示时显示图片说明性文字" style="设置样式属性" /> img标签虽然不是块状元素,但是可以设置宽高,占位, img设置width后height会自适应匹配,如果...

爱喝水的小熊
07/17
0
0
CSS学习总结

CSS学习总结 一、 二、背景 1、背景颜色 background-color background-color:red; 2、背景图像 background-img background-img:url('abc.jpg'); 3、不让图像平铺 background-repeat body{ ba......

doublelinux
2017/10/08
0
0
【CSS】背景基础知识

92038-106.jpg 添加背景图 用 background-image 属性,在元素的背景中添加图形。 background-image属性有一个值:url,后面跟着放在括号里的图形文件路径。 路劲可以是绝对url,也可以是相对...

KelvinZ
2017/11/27
0
0
IE6 PNG透明终极解决方案

方案1 - 滤镜解决方案: 介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意:此方法在部分版本...

Kinsey
2014/12/22
0
0
css 背景图不拉伸自适应屏幕大小

效果图 全屏: 背景图尺寸大于屏幕尺寸,背景图只显示跟屏幕一样大小内容 小屏时: 如效果图所示,图片并没有发生压缩、或者缩小比例,它只是显示跟屏幕尺寸大小的内容,至于如何控制缩小浏览...

xiaoxin502
2015/12/08
3.2K
0

没有更多内容

加载失败,请刷新页面

加载更多

活动招募 HUAWEI HiAI公开课·北京站-如何在4小时把你的APP变身AI应用

人工智能和机器学习是全球关注的新趋势,也是当前最火爆、最流行的话题。当你拿手机用语音助手帮你点外卖,智能推荐帮你把周边美食一网打尽;当你拿起P20拍照时,它将自动识别场景进行最美优...

华为终端开放实验室
7分钟前
0
0
匹配两位小数,js正则

var regex = /^\d*(\.[1-9]|\.\d[1-9])*$/ console.log(1.2,regex.test(1.2)); console.log(0.3,regex.test(0.3)); console.log(1.03,regex.test(1.03)); ......

微信小程序-暗潮
11分钟前
0
0
905. Sort Array By Parity - LeetCode

Question 905. Sort Array By Parity Solution 题目大意:数组排序,偶数放前,奇数在后,偶数的数之间不用管顺序,奇数的数之间也不用管顺序 思路:建两个list,一个放偶数,一个放奇数,最...

yysue
16分钟前
0
0
h5 禁止手机自带键盘弹出

html: <div style="width: 350px;margin:50px auto;"><input type="text" id="datePicker" class="date_picker form-control" placeholder="点击选择入住日期" /></div> js: $("#date......

Delete90
33分钟前
1
0
color透明度对照表

透明度百分比 数值 100% 不透明 FF 95% F2 90% E6 85% D9 80% CC 75% BF 70% B3 65% A6 60% 99 55% 8C 50% 80 45% 73 40% 66 35% 59 30% 4D 25% 40 20% 33 15% 26 10% 1A 5% 0D 0% 完全透明 ......

_无问西东
34分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部