通過這次專案開發，使我對布局有了更深層次的理解，對float和position的運用也更得心應手。體會到float和position對頁面的負面影響。其中，position:absoulte/fiexd會讓元素脫離文件流，其後面的元素（暫且稱為候補元素吧）會佔據原來的位置，需要對候補元素的margin padding做出相應調整；而float同樣會讓元素脫離文件流，後面的元素同樣會佔據其原來的位置，不同的是，其候補元素的內容會環繞在float元素周圍。
position:
<演示效果head
>
<
style
>
div.position
.box
style
>
head
>
<
body
>
<
div
class
="position"
>position
div>
<
div
class
="box"
>
box
<
img
src="1.png"
alt=""
>
div>
body
>
演示結果
a同樣重要的還有對的處理，應將小製作成雪碧圖，這樣做不但節省了引入**的開發時間，還能節省寬頻，帶來更好的使用者體驗。
另外，還要培養元件開發的思想，頁面中存在大量可重複呼叫的元件，將他們寫入html檔案並注釋,在base.css中寫入樣式，那麼其他頁面中需要用到時，直接複製html文件中的**即可，一次開發，重複利用，方便高效。
在非技術方面：
以往的我太過於急功近利，認為好的技術應該盡快掌握，浮躁地去汲取新的知識，又缺少反覆練習，掌握不牢固，理解不清晰，往往適得其反，小黃教導我們，好的技術很多，解決方案數不勝數，可是當下該做的，是拿我們已有的技術來解決問題，而不是一邊尋找解決方案一邊做專案。一言驚醒夢中人，的確如此，即便現在運用的不是最好的方法，也沒有關係，學習就是不斷推翻過去的自己，等我學到了更深入的知識，更好的技術時再回過頭來對專案進行優化，才是正確的做法，現階段的開發是必然的，不應該限於知識上的缺陷而畏手畏腳，放手去幹，因為做得再差，能做出來就不算太差，做得再好，過一段時間看回現在寫的**也不會覺得好，只有不斷推翻現在的專案，重新優化，才能進步！衷心感謝小黃。
移動端專案開發總結
對於這次移動端頁面開發,新接觸到的東西不少,首要的乙個就是響應式布局,在移動頁面開發中,需要考慮到移動端各種不同的螢幕大小而使用不同的布局來呈現出想要的效果.在小螢幕的移動裝置中.可能需要減少頁面中的資訊量,並且改變原有的布局方案,採用適用於移動端的布局方案.而在中等螢幕大小的移動裝置中,如平板,則...
移動端開發
一。響應式設計好處 1.一套專案 2.一套開發環境 3.乙個url 4.內容所見即所得 5.不會因為終端公升級而導致不可用 做法 布局百分比寬度 容器浮動 二。viewport引數的最佳組合 三。mediaquery書寫思路 先寫高解析度樣式。理由 1.設計師設計原型往往首先基於寬屏，甚至不會給出適...
移動端開發
移動前端開發正逐漸步入前端技術的主流，事實上跟在一般的pc上，並不需要你掌握額外的技術，然而你在pc web上那一套在多數情況下並不適用於手機web，你必須知道這其中的注意點。but，移動端布局最爽的就是再也不用考慮各種對ie的相容了 一 首先來說一下移動端和pc端頁面布局的不同點 二 做移動端頁面...