HTML一些小技巧

自动处理底边栏

//当网站内容高度少于浏览器窗口高度的时候，底边栏就会脱离浏览器底边，所以要自动处理。
function footer(obj: JQuery){
  if ($("body").height() < $(window).height()){
    obj.css("clear", "both");
    obj.css("position", "relative");
    obj.css("top", $(window).height()-$("body").height());
  }
}
footer($("footer"))

写自适应网站

记得在head里写上这个协议，就可以自适应。

<meta name="viewport" content="width=device-width, initial-scale=1">

.col-4{
  width: 400px;
}

@media (max-width: 400px) {
  .col-4{
    width: 100%;
  }
}

<!-- 通过定一个for="file"来链接到文件选择按钮 -->
<input type="file" name="file" id="file" class="inputfile" />
<label for="file" class="submit-input">
  上传文件
</label>