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"))

写自适应网站

<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>