大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
原理是这样! 你可以设定个宽度, 然后取出显示出来的高度!}
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站制作、网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的格尔木网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
比如:宽度是200, 显示出来的高度是400,
那么, 如果要个9:5的话,
可以这样,200+400=600
600/(9+5)=43 差不多这样,要不要太精确,你自己确定
那么最后给DIV设定的宽度为:43*9 高度为:43*5 差不多能正好显示你的内容!
我觉得我说的很明白了!,下次发问题,记得给分!
jQuery调整html对象使用css()方法即可.
$("#test img").css("width","30px")//设置test下的图片宽为30px
$("#test img").css("height","30px")//设置test下的图片高为30px
定义和用法:
css() 方法返回或设置匹配的元素的一个或多个样式属性.
设置 CSS 属性
设置所有匹配元素的指定 CSS 属性.
$(selector).css(name,value)
通俗的解释为如果设置第二个参数为修改css属性,如果未设置第二个参数为获取css属性.
任何的框架都像武学里面的武功套路一样,过于的追求这些没什么用,只要知道精髓就行。jquery是js的框架所以你就应该是精通javascript
导航栏高度设置为15%,它的高度就一直为浏览器高度的15%,比例不会变,高度会变!
CSS样式高度设置百分比有优点有缺点,看你怎么搭配了。
一般导航栏的高度都是定值,宽度是百分比。
$(document).ready(function() { $('.post img').each(function() { var maxWidth = 100; // 图片最大宽度 var maxHeight = 100; // 图片最大高度 var ratio = 0; // 缩放比例 var width = $(this).width(); // 图片实际宽度 var height = $(this).height(); // 图片实际高度 // 检查图片是否超宽 if(width maxWidth){ ratio = maxWidth / width; // 计算缩放比例 $(this).css("width", maxWidth); // 设定实际显示宽度 height = height * ratio; // 计算等比例缩放后的高度 $(this).css("height", height); // 设定等比例缩放后的高度 } // 检查图片是否超高 if(height maxHeight){ ratio = maxHeight / height; // 计算缩放比例 $(this).css("height", maxHeight); // 设定实际显示高度 width = width * ratio; // 计算等比例缩放后的高度 $(this).css("width", width * ratio); // 设定等比例缩放后的高度 } }); });