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%渲染的,就不会出现横屏方向的滚动条了