用css、如何让图片自动适应屏幕大小,不出现滚动条,不变形，兼容各个浏览器？急！！！

如果是个背景图的话，定义一个div,高100%,宽100%，里面放个img<div class=‘bg‘>    <img src="images/bg.jpg" ></div>

html,body{overflow: hidden;}.bg{width: 100%;height: 100%;top:0;z-index: -1; position: absolute;}.bg img{display: block;outline: none;border:0;height: 100%;width: 100%;}

时间： 2024-12-29 14:35:18

用css、如何让图片自动适应屏幕大小,不出现滚动条,不变形，兼容各个浏览器？急！！！的相关文章

Android # 图片自动适配屏幕，APK反编译详解，Google Maps Android API，Keytool

本文主题:(图片缩放)自动适配屏幕,APK反编译详解,Google Maps Android API,Keytool (图片缩放)自动适配屏幕支持缩放旋转,自动居中的imageview http://deanandbai-gmail-com.iteye.com/blog/1850329 apk反编译工具 http://pan.baidu.com/s/1qWFcueC Android APK反编译详解 http://blog.csdn.net/ithomer/article/details/67

如何通过CSS实现背景图片自动平铺或拉伸至整个屏幕（自适应大小）

默认情况下,通过HTML代码的BODY标签设置好背景图片<body background="x.jpg"> 后,图片会自动横向和纵向平铺.这就会产生一些美观上的问题. XP人提供CSS代码如下,放在页面头部即可,仅供参考: <style type="text/css"> body { background:url(/img/background.png); background-repeat: repeat-x; background-pos

如何一个td或table里的图片等比例缩小（css问题）图片自动缩放

网上说了一大堆,说什么设置div的宽度,特别是这篇: http://www.divcss5.com/wenji/w632.shtml 害死人,我们为什么要自动缩放?还不是手机屏幕太多分辨率了?你指定了宽度还怎么缩放?你妹的. 经过我的多次实验,发现一个比较好的方法, 在ios微信/浏览器和android微信/浏览器都可以完美显示,那就是: 1.div不做要求,内容居中就好了 2.放一个table进去,table的width=100%,这是最关键的 3.在td放一个img,img的max-widt

CSS Sprite小图片自动合并工具

css-sprite是将css样式中零星的小图标,小图片合并成大图显示,这样能减小服务器并发连接数,减小服务器负载和带宽使用,有很高的实用价值.这里介绍一些自动合并图片并生成样式的工具. NodeJS css-sprite css-sprite是一个基于NodeJS实现的css切图自动合并工具,能自动将小图片合成大图,支持retina sprites和base64输出格式. 注* retina sprites视网膜屏幕指的是接近人眼能够直观感受到的基础色素级别的输出格式.Base64是将图片转化

背景图片适配手机屏幕大小的设置方法。。。。。。。。。。。。

1 .bg{ 2 width:100%; 3 height:100%; 4 background-image: url(../image/splash.png); 5 background-size: 100% 100%; 6 background-size: cover; 7 position: fixed; ----重点 8 display: block; 9 }

VirtualBox设置自动适应屏幕

设备 --> 安装增强功能等待安装完成,就能自动适应屏幕大小了原文地址:https://www.cnblogs.com/jiyu-hlzy/p/11856511.html

Android官方提供的支持不同屏幕大小的全部方法

本文首发于CSDN博客,转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/8830286 原文地址为:http://developer.android.com/training/multiscreen/screensizes.html 本文将告诉你如何让你的应用程序支持各种不同屏幕大小,主要通过以下几种办法: 让你的布局能充分的自适应屏幕根据屏幕的配置来加载合适的UI布局确保正确的布局应用在正确的设备屏幕上提供可以根据屏幕大小

Android官方提供的支持不同屏幕大小的全部方法（转）

转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/8830286 原文地址为:http://developer.android.com/training/multiscreen/screensizes.html 本文将告诉你如何让你的应用程序支持各种不同屏幕大小,主要通过以下几种办法: 让你的布局能充分的自适应屏幕根据屏幕的配置来加载合适的UI布局确保正确的布局应用在正确的设备屏幕上提供可以根据屏幕大小自动伸缩的图片使用 "

Android 官方提供的支持屏幕大小的全部方法（精华）

本文将告诉你如何让你的应用程序支持各种不同屏幕大小,主要通过以下几种办法: 让你的布局能充分的自适应屏幕根据屏幕的配置来加载合适的UI布局确保正确的布局应用在正确的设备屏幕上提供可以根据屏幕大小自动伸缩的图片使用 "wrap_content" 和 "match_parent" 为了确保你的布局能够自适应各种不同屏幕大小,你应该在布局的视图中使用"wrap_content"和"match_parent"来确定它的宽和高.