移動端flex布局 彈性盒布局語法分為兩部分： 1. 添加在父容器上的語法 （1）display : flex; 設置為彈性盒（父元素添加） （2）flex-direction: 主軸排列方式 　　row; 默認值，默認為橫向排列。 　　row-reverse; 反轉橫向排列 ...

如果你身受頁面不能自適應的困擾，那可別錯過flex這么好用的屬性哦。 如果你對浮動定位和絕對定位已經有點厭煩，那你了解一下flex布局吧。 目前，Flex布局，可以簡便、完整、響應式地實現各種頁面布局。 而且，它已得到了所有瀏覽器的支持 ...

flex布局介紹： 　　flex布局很靈活， 這種布局我們也可以稱之為彈性布局， 彈性布局的主要優勢就是元素的寬或者高會自動補全; flex布局實例： 　　比如有兩個div，一個div的寬度為100px， 想讓另外一個div的占據剩下的寬度 ...

在Mobile WebKit瀏覽器上的WebApp。本篇文章講解如何像傳統PC網頁開發一樣，使用定寬布局 ...

webapp如何隱藏瀏覽器的導航欄 在webapp開發中，手機瀏覽器的導航欄會讓我們的頁面看起來很怪異，這個時候我們就需要將導航欄給隱藏起來，隱藏的方法十分簡單，只需要在head頭中加入以下幾行代碼就行： <!--UC強制全屏--> <meta name ...

一、目前移動端布局方法 兩個基本規則：移動優先，設計初期就要考慮設計的頁面如何多終端顯示。漸進增強，充分發揮硬件設備的最大功能。 三個常用方法： 1）css3-media Query（最簡單，最基本） 優點：解決了跨設備問題 缺點：兼容性代碼多工作量大，加載 ...

Web比App簡單？ 前兩天有人問手機上做網頁簡單還是做app簡單，我真答不上來。很多人會不以為意的說當然是網頁簡單，但真的是這樣嗎？ 放眼現在上線的手機網頁，大多數都是平時pc的技術沿用過來的，鮮有新時代的影子。看來看去也就淘寶、豆瓣、知乎這種大公司對移動網頁有一定的思考 ...

本篇主要是記錄一下移動端視口的分類說明和其它的一些知識。在開始之前，先看一個典型的例子： 上述代碼相信大家在做移動端開發時經常去書寫。它研究了兩個內容：meta視口和寬度媒體查詢。通常我們都會稱上述代碼為CSS3的媒體查詢功能。使用媒體查詢功能能夠解決針對桌面級的web設計在移動端 ...