图片自适应css代码（转）

因为图片大小问题，郁闷了很久！在论坛里找了很多代码都不好用，比如下面的。

img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}

上面的代码有2个问题！
1.会把图片变的非常小。要刷新一次才能正常显示！
2.图片不会按比例缩小，图片严重变形！

后来，我没办法，花钱请高手帮我写了代码。现在把它共享给朋友们！

代码如下：

<style type="text/css">

</style>

转载于:https://blog.51cto.com/zisefeng/328490

图片自适应css代码（转）相关推荐

用css使用html设置背景图片自适应,CSS怎么设置背景图片自适应全屏？附源码！...
不少同学在设置网站背景图片时会遇到这么一个问题:背景图片总是不能铺满整个屏幕,不是图片太小就是图片被过度放大,显得不太美观.那么 CSS 怎么设置背景图片自适应全屏呢?这篇文章告诉你. 实现效果: 源 ...
微信小程序轮播图片自适应
微信小程序轮播图片自适应 //xml代码 <view class="rotation"><swiper class="home-swiper" ...
CSS实现自适应的图片背景边框代码
代码简介: CSS漂亮的图片边框,边框是用背景图片修饰的,不过可以自适应大小,这点挺实用的,不论你的图片有多大,它始终显示在图片的外围,不会错位,这当然还要归功于CSS的功劳. 代码内容: View ...
使用CSS实现简单的图片自适应UI模板代码
HTML代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
css实现图片自适应容器的几种方式
css实现图片自适应容器经常有这样一个场景,需要让图片自适应容器的大小. 1.img标签的方式我们马上就能想到,把width.height 设置为100%啊.来看一哈效果. <div cla ...
基于html5背景图片自适应代码
基于html5背景图片自适应代码是一款背景不随滚动条滚动,会根据分辨率不同自动匹配对应的背景图片.效果图如下: 在线预览源码下载实现的代码. css代码: .jawbone-hero .ja ...
css 设置表格右边有图片_20个web前端HTML5初学者实用CSS代码技巧
在本文中,我们想与您分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合.有一些是面向CSS初学者的,有一些知识点是进阶型的.希望每个人通过这篇文章都能学到对自己有用的知识. 1.注意外边 ...
css img 适配尺寸_img图片自适应布局_HTML5教程_郭隆邦技术博客
图片自适应布局源码下载使用百度图片搜索的时候,可以看到搜索页面,所有的图片基本都是定高度显示,图片的宽度随着高度等比例缩放.点击搜搜页面的每一张图片, 可以跳转到一个页面只有一张图片,显示的尺寸是 ...
图片自适应父元素大小，并左右上下居中的css方法
图片自适应父元素大小,并左右上下居中的css方法前言这种效果多见于矩形盒子里面调用不规则的图片,希望能够达到的效果.这个效果可以很简单的用css来实现,虽然已经烂熟于心,但是并未记录下来.今天看到 ...

图片自适应css代码（转）

图片自适应css代码（转）相关推荐

最新文章

热门文章