文章出處

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%渲染的,就不會出現橫屏方向的滾動條了

 


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()