1 .1. 原理 1
1 .2. Table 布局 1
1 .3. Css 布局 1
1 .4. 判断 amazui 加载完毕 2
1.1. 原理
每个子元素平均分配，但是有个 min-width... min-width 优先
算法：首先算出平均值，然后与每一个带 min-width 的元素比较，大于平均值的 min-width 的元素单独一组。
其他元素再次计算剩余平均值，分组，直到没有大与当前平均值的元素
1.2. Table 布局
作者 :: ★(attilax)>>> 绰号 : 老哇的爪子 （ 全名：： Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 ） 汉字名：艾龙， EMAIL:1466519819@qq.com
转载请注明来源： http://www.cnblogs.com/attilax/
1.3. Css 布局
Min-width list_jobus_cp.js
function SelectorWidthAdj()
{
if(screen.width>320 && screen.width
{
// alert($(".am-selected").length);
var ctrl=$(".am-selected").last();
var widthx=screen.width-$(ctrl).width()-5;
var width_per=widthx/3;
$(".am-selected").each(function(index, element) {
$(element).css("width",width_per+"px");
// alert(index);
if(index>1)
return false;
});
}
}
1.4. 判断 amazui 加载完毕
if(screen.width>320 && screen.width
{
var timerQ5=window.setInterval(function(){
if(isSelectorLoadFinished())
{
SelectorWidthAdj();
window.clearInterval(timerQ5);
}
},30);
}
function isSelectorLoadFinished()
{
if($(".am-selected").length
return false;
var ctrl=$(".am-selected").last();
if(ctrl)
{
if($(ctrl).width()>100)
return true;
else
return false;
}
}
1.5. ---finish
查看更多关于Atitit.100%多个子元素自适应布局属性的详细内容...