让图片自适应屏幕大小

2016-09-13 10:09 2764人阅读评论(0) 收藏举报

让图片自适应屏幕大小

最简单的方法，保证管用，你把那个图片写在div里面的背景里，也就是background:url(../img/1.jpg) center no-repeat;

这样就能够自适应屏幕大小了，而且不会出现横向的滚动条
-------------

首先是设置background:url(图片地址) 0 0 no-repeat scroll transparent;background-size:100% 100%;

-------------

<div class="msg_desc">
<img style="max-width:100%;overflow:hidden;" src="http://www.tao3w.com/upload/kindeditor/image/20140724/20140724172508_15817.jpg" alt="">
</div>
这里就把图片固定在msg_desc里面了，方便吧。
-------------

注：在html里面插入图片，如果想让图片自适应屏幕的小而不是宽高固定不变可以在css代码里加入
img { height: auto; width: auto\9; width:100%; }

width:auto;是宽度自动的意思。
\9是hack css 的一种写法，这种在正常css代码后面加"\9"的方式，只有IE浏览器才能识别，其他浏览器会忽略这条语句。这样就能做到差异化浏览器，来达到兼容浏览器的目的。

让图片自适应屏幕大小相关推荐

Android图片自适应屏幕大小
1.drawable-(hdpi,mdpi,ldpi)的区别 dpi是"dot per inch"的缩写,每英寸像素数. 四种密度分类: ldpi (low), mdpi ( ...
android 背景图片自适应屏幕大小,android 设置桌面背景图片适应屏幕大小
今天做demo,设置桌面每天自动更新背景,但是桌面的背景都是被系统裁剪过的图片,上网百度了一下,有个过时的方法,改进后果然有用了! Bitmap bmp=BitmapFactory.decodeRes ...
css 图片自适应屏幕大小
用css3来解决背景图自适应的问题浏览器支持: Firefox 3.6+ , Chrome 1.0+ , Opera 9.63+, IE9 + 具体写法 <style> .contain ...
背景图片适应屏幕大小的一些方法
背景图片适应屏幕大小的一些方法想要背景图片适应屏幕的大小,背景图片要足够大,可以铺满常用的所有屏幕,还要图片要高清,不能一拉伸就失真,不能显示局部的时候显得很怪异. 方法一: 运用ul的宽度自适应特 ...
html自动适应屏幕分辨率,css如何自适应屏幕大小？
css如何自适应屏幕大小?下面本篇文章给大家介绍一下使用CSS实现屏幕大小自适应的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css如何自适应屏幕大小? 要想实现css屏幕 ...
html 网页背景图片根据屏幕大小CSS自动缩放
腾讯微博和QQ空间的登录背景图片是根据访客的屏幕大小自动缩放的,但是好像是用JQuery代码实现的.先不说要调用jq库拖慢了网页的打开时间,而且对于兼用性不好. 前几天用CSS研究出相同效果的样式代码 ...
vue中echarts自适应屏幕大小
vue中echarts自适应屏幕大小,延迟执行项目中出现echarts适应屏幕大小,有时会遇到不管屏幕大小如何变化echarts图表大小不变的情况:或者出现图表变化延迟的情况,针对这两种情况,分别解 ...
VMware安装的虚拟机窗口如何自适应屏幕大小
为了方便在windows开发机器上搭建并运行liunx环境,我们常常会用到VMware,只要准备好要安装的linux镜像文件(.iso)就可以通过VMware Workstation新建一个虚拟机快速 ...
使用C# winform 制作一个按钮可自适应屏幕大小的简易加减乘除计算器
一:成果物不多展示,,,我们开始吧.. 二: 窗体包含内容 2.1 显示屏部分组成显示屏部分由两个组件组成,一个是方便操作的panel控件位于顶部,且为了使其显示屏在改变窗体大小时一直位于 ...
html图片自动在div里放大,css图片自适应div大小怎么做
css图片自适应div大小怎么做内容导读:css图片自适应div大小的控制,为了让图片能够更好的展示,建议使用max-width这个属性.不管是pc端还是移动端,或者是自适应网站,使用max-wid ...

让图片自适应屏幕大小

让图片自适应屏幕大小

让图片自适应屏幕大小相关推荐

最新文章

热门文章