開始python以前~對移動端佈局的一些理解

好吧，最近我寫了不少移動端的頁面！！！而後一個寫的感受還不錯！一個不知道狀態不對仍是什麼的寫到最後~儘管寫完了可是超級不滿意

我總結了是我已經神遊物外了~能讓我這種心靜似高山不動，美麗與智慧並存，英雄與俠義化身（省略100個字）程序猿~心緒不定的麼~~~~也就一件事了

 

我估計網上對移動端的總結麼，多了去了。。。而後我簡單的寫下我平時寫代碼時的風格。。。固然只是喜歡，可能有的人以爲不喜歡，固然不強求

這個是我寫的比較標準的~~~

 

 

.wapper {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0 auto;
    max-width: 720px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
.header {
    height: 3em;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.content {
    bottom: 0;
    height: 100%;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    width: 100%;
}

.footer {
    background-color: #fabd00;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}

這個是我比較寫的風格，固然有人以爲很差的話，那青菜蘿蔔各有所愛吧。。。不強求改變一我的喜歡

我這樣佈局，固然有屬於個人理由，

1:這樣能夠在安卓4.0一下彌補對fixed的支持！！！有無數面試官或者人問我，你這樣寫的優點，或者其餘，我老是會說之前寫的時候遇到的一個小笑話。。。由於我寫移動的頁面特別早-_-//那個時候我記得我用的三星的安卓2。0的...那個時候fixed和absolute實際上沒多大差異。。。最後我用瞭解決ie6 _absolute方法

top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));

解決了固定

 

2.怎麼說呢，我感受乾淨了吧，。。全屏100%控制起來看着確實挺累的，挺心塞！720px實際上差很少。。。固然pad麼再放大吧

 

3麼

 

 

這個底部爲何我總以爲有種嗶了狗的衝動！！！！並且很難加拓展好比浮動的底部上面要加點何時

 

 

而後麼聖盃佈局，的一些控制

 

em的靈活使用   

body { font: 1em/1.25em Microsoft Yahei; }

 

 

去除瀏覽器的點擊出現的框

a { -webkit-tap-highlight-color: rgba(240,240,240,0); }

span { -webkit-tap-highlight-color: rgba(240,240,240,0); }

input { -webkit-tap-highlight-color: rgba(240,240,240,0); }

img { -webkit-tap-highlight-color: rgba(240,240,240,0); display: inline-block; }

 

去除瀏覽器對button的默認樣式，，，水果手機專屬

input{-webkit-appearance:none;}

 

 

 

發基本PDF的書吧。。。都是別人發過來的。。。

 

angularJS的中文版

http://pan.baidu.com/s/1qXtPCkO

犀牛書第6版

http://pan.baidu.com/s/1o7hI7Aq

JavaScript面向對象編程指南

http://pan.baidu.com/s/1Ninng

 

好了~本白開始看python咯~~~