0426日重点：子元素平分父元素宽度，点击列表显示或隐藏子内容

1.当多个子元素要平分父元素的宽度时，不能写全满。

如：2个子div平分父div。则每个子div的宽度不能写50%，要比50%小点，49%可以。

 

2.单独的一个html页面，可以通过下面的设置，变成自适应的手机端页面。和单页面应用的app的index一样。

<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

<script>

//假设iphone6的1rem等于100px;
var recalc = function(){
var wd = document.documentElement.clientWidth;
document.documentElement.style.fontSize = 100*wd/375+"px";
console.log(wd);
};

window.addEventListener("orientationchange",recalc);
recalc();
</script>

 

3.实现效果： 一个问题列表，随机点击列表中的任意一个问题，就把当前li中的隐藏的答案div显示出来，而其他的li中的隐藏div继续隐藏。

注意：设元素的height=0；就可以隐藏元素。

 代码如下：