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

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

如果是个背景图的话,定义一个div,高100%,宽100%,里面放个img<div class='bg'> <img src="images/bg.jpg" alt=""></div> html,body{overflow: hidden;}.bg{width: 100%;height: 100%;top:0;z-index: -1; position: absolute;}.bg img{display: block;outli…

如何通过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…

关于web页自动适配屏幕大小

一.先了解下html5的viewport使用 随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择.然而,每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?html5 viewport的使用能帮你做到这一点. viewport 语法介绍: 看下面的meta name="viewport"部分, <html> <he…

CSS Sprite小图片自动合并工具

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

CSS小技巧-图片自动缩放

css的一个重要属性:max-width min-width 示例: <div width="500" height="259"><p><img style="max-width:560px;" title="a1.PNG" alt="a1.PNG" src="bag.PNG"></p></div>…

iframe适应屏幕大小，隐藏滚动条，移动端

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" conte…

VirtualBox设置自动适应屏幕

设备 --> 安装增强功能 等待安装完成,就能自动适应屏幕大小了…

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

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

移动开发:Android官方提供的支持不同屏幕大小的全部方法

转载请注明出处:http://blog.csdn.net/sinyu890807/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布局 确保正确的布局应用在正确的设备屏幕上 提供可以根据屏幕大小自动伸缩的图片 使用 "…