自适应
彻底解决Button在IE6、7下的自适应宽度问题
写一个Button，有两种方式：其一，直接button标签；其二，input type=”button”。 不管哪种方式，Button的宽度在IE6、7下总是不能完美，接下来我们演示一个普通的Button，你可以用IE6或者IE7浏览器看看其显示宽度，然后对比Chrome或者IE8等浏览器，你会发现Bug的所在。 1、一个普通的Button: 可以很直接的看到Button的两边有空隙，当然，这个空隙是无法用padding:0来解决的。 通常，不少同学会想到给该Button定义一个width:10......
2012-06-30 00:54:29iframe自适应高度的解决办法
在页面中通过iframe嵌入了另外一个页面后，如何使得页面的这块区域随着iframe的高度自动适应而不会出现蹩脚的上下左右滚动条呢？下面这个办法就是使用javascript实现iframe高度自适应的，这个可是兼容所有浏览器的，ie，firefox，chrome，opera，safari这些浏览器都能够实现iframe高度自适应的，具体的js代码如下： function dyniframesize(down){ var Sys={}; var ua=navigator.userAgent.toLowerCase(); var s; (s=ua......
2012-05-22 14:39:52Javascript解决左右高度自适应的问题
使用Javascript解决左右高度自适应的问题，通过javascript控制使左右两个div块随其中的一个块的高度增加而增加，从而保证两边的高度对齐。效果如下图： 案例代码如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>phpernote.com使用Javascript解决div高度自适应的问题</title> <style type="text/css"> #left_div{width:200px;float:left;border:1px solid #000;mar......
2011-07-13 10:07:06文本区域textarea框根据输入内容自适应高度
推荐使用： /** * textarea高度自动适应内容的高度 * @param obj dom 元素，可以是 $('#content')[0] 或者 document.getElementById('content') */ function autoTextAreaHeight(obj) { let style = window.getComputedStyle(obj, null); obj.style.height = obj.scrollTop + obj.scrollHeight - parseFloat(style.getPropertyValue('padding-top')) - parseFloat(style.getPropertyValue('padding-bottom')) + 'px';......
2011-07-12 23:38:33网页图片自适应处理方法
本文总结了三种网页图片自适应处理方法，具体解决办法如下： 第一种方法： <img src="01.gif" width="100" onload="drawImage(this,100,70)" /> function drawImage(ImgD,ImgDWidth,ImgDHeight){ var image=new Image(); image.src=ImgD.src; if(image.width/image.height>=ImgDWidth/ImgDHeight){ if(image.width>ImgDWidth){ ImgD.width=ImgDWidth; ImgD.height=(image.height*ImgDWidth)/image.width;......
2011-07-09 17:01:01
- 站内搜索
- 自适应 知识专题