2016-02-13 41 views
0

我對html,css和JS有很好的瞭解。但是我把所有這些放在一起都有問題。我主要爲Android開發,我的意思是本機應用程序。我對Android layout有很好的理解。動態佈局的概念在android中非常棒,當我開發應用程序時,只要有可能就嘗試使用相對位置和動態大小,如match_parentwrap_content。它們非常強大,應用程序在任何屏幕上看起來都很棒。在android中也有這樣的措施,稱爲dp密度獨立像素。這也是一個偉大的概念。靈活動態的網頁技術

所以我想潛入網頁開發,但我不知道常見的模式,建立響應和靈活的網頁的技術。
我知道@mediaviewport指令爲CSS一點點,但我再次無法把我所有的知識放在一起開始構建響應式網頁。
例如,使用percantage而不是px,因爲我可以看到主要使用px,我無法理解這個概念,爲什麼不使用percantage無處不在,以使頁面響應?

也許我錯過了網頁開發中的一些重要內容,爲什麼我要問關於建議的問題。

請提出一些關於構建響應式網頁(基於最流行的引擎Wordpress,Drupal,Joomla)的最佳實踐的好文章,或者爲了更好的理解而從頭開始。
另外一個重要的問題是如何構建網頁移動友好等。
謝謝你這麼多

+1

只是一些友好的指導:Stack Overflow不鼓勵尋求意見和建議的問題。他們被認爲是[** off-topic **](http://stackoverflow.com/help/on-topic)。相反,請描述問題以及解決問題的方法。 http://stackoverflow.com/help/how-to-ask –

+0

我明白這一點,你能建議在哪裏問這樣的問題嗎? – dugdthndwytn

+1

現在這是一個很好的問題! :-)我自己有幾個問題,我想聽聽專家的意見。我不認爲Stack Exchange是正確的地方。你可以繼續[** Stack Overflow Meta **](http://meta.stackoverflow.com/)尋找指導,或發佈你的問題(從你的評論)。 –

回答

1

如果您想要快速響應網頁設計,可以考慮從BootstrapFoundationSkeleton等衆多既有框架中選擇一個。還有很多其他的。

他們將節省你一大堆時間在開始,你會得到良好的跨瀏覽器的結果。選一個你喜歡的,跳進來,然後學習更多!

祝你好運!

1

要設計一個負責任的網頁有兩個選項:

1)設計網站一個計算機和另一個用於移動像Facebook

2)相同的設計

有很多技術來響應式設計:

1)你可以使用百分比爲您所有的內容,但你必須使用很多計算它

2),可以使用網格系統從引導

3)可以使用的媒體和最小的內容,並通過您的瀏覽器如Firefox爲響應式設計視圖

4)你可以百分比之間的混合測試和媒體。

在這個技術

你一定要知道現在的位置和顯示,以及如何它的作品

主要的div必須在狀體或主包裝寬度100%的比例和內部的div必須依賴於thier寬度