一般在做产品页面的时候,如果产品图片宽高定死的话,有的图片就会变形,如果把宽给个最大宽,高自适应的话有的图又会由于是个长方形高超出了容器,这样就不得不截掉一部分图。于是就想着,首先不管图片是个什么比例,不管它是宽远大于高或者高远大于宽,统一设置最大的宽高值,不让它超出容器,并且这样处理图片不会变形。...
分类:
其他好文 时间:
2015-05-06 22:46:06
阅读次数:
166
总结两种方法,第一种是在网上查资料然后总结出来的,兼容性比较好,支持IE8,以及其他的标准浏览器,IE8以下版本没有测试,IE8以上版本基本都支持,这种方法是通过js来调整iframe的宽高的,第二种方法很简单,是我看朋友是这样的写的,具体兼容性没有测试,应该不会差。不多少了,直接贴代码:
第一种:
function findDimensions(){ //函数:获取尺寸
...
分类:
其他好文 时间:
2015-03-20 11:03:21
阅读次数:
159
属性说明Overflow:ShrinkContent : 如果文本超出文本框宽度,会自动缩小文本size,使其显示完整ClampContent : 文本大小固定,超出文本框的部分不会显示,也不会自动换行ResizeFreely : 文本框宽高自适应文本的宽高Spacing:x:文本字符水平间隔y:....
分类:
其他好文 时间:
2014-07-02 19:55:20
阅读次数:
196
如今,显示器的分辨率越来越多,终端也变得多样化,web开发页面的自适应问题越来越多,如果不做处理,一旦显示器的分辨率发生变化,展示的内容可能出现许多意料之外的排版问题。关于不同终端的展示问题可以通过响应式布局来实现,而不需要响应式布局时我们需要自己来避免上述问题。宽度自适应:1、设置最外层容器(如 ...
分类:
Web程序 时间:
2014-06-25 21:28:36
阅读次数:
378
如今,显示器的分辨率越来越多,终端也变得多样化,web开发页面的自适应问题越来越多,如果不做处理,一旦显示器的分辨率发生变化,展示的内容可能出现许多意料之外的排版问题。关于不同终端的展示问题可以通过响应式布局来实现,而不需要响应式布局时我们需要自己来避免上述问题。宽度自适应: 1、设置最外层容器(如...
分类:
Web程序 时间:
2014-06-25 17:37:21
阅读次数:
189
如今,显示器的分辨率越来越多,终端也变得多样化,web开发页面的自适应问题越来越多,如果不做处理,一旦显示器的分辨率发生变化,展示的内容可能出现许多意料之外的排版问题。关于不同终端的展示问题可以通过响应式布局来实现,而不需要响应式布局时我们需要自己来避免上述问题。宽度自适应:1、设置最外层容器(如 ...
分类:
Web程序 时间:
2014-06-25 17:13:25
阅读次数:
311