Scheme //Schema概要, 计划, 图表
content: attr(title); //从属性中拿title作为内容 ,这个是CSS3的样式可以这样子写
//pushstate的用法
<html>
<script>
for(i=0;i<5;i++){
var stateObject = {id: i};
var title = "Wow Title "+i;
var newUrl = "/my/awesome/url/"+i;
history.pushState(stateObject,title,newUrl);
alert(i);
}
window.addEventListener('popstate', function(event) {
readState(event.state);
});
function readState(data){
alert(data.id);
}
</script>
</html>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
宽度设置为设备宽度，这样就可以和PC端兼容了，可以让网页的宽度自动适应手机屏幕的宽度，如果是百分比布局倒没啥事，如果你搞成px（各种绝对定位，你懂的）布局就页面也是根据页面的100%渲染的，就不会出现横屏方向的滚动条了