移動端頁面

懶人必備的移動端定寬網頁適配方案

本文最初釋出於我的個人部落格:咀嚼之味 如今移動裝置的解析度紛繁複雜。以前僅僅是安卓機擁有各種各樣的適配問題,如今 iPhone 也擁有了三種主流的解析度,而未來的 iPhone 7 可能又會玩出什麼新花樣。如何以不變應萬變,用簡簡單單的幾行程式碼就能支援種類繁多的螢幕解析度呢?今天就給大家介紹一種 […]

移動端網頁怎麼做?

移動端網頁最大的特點是什麼?自適應不同尺寸的螢幕!高大上的叫法:響應式!知道了自適應網頁怎麼做豈不是能很好解決問題了?那麼自適應網頁怎麼做呢?網上關於這方面的文章有很多,我簡單的整理一下。 一、 HTML設定 在head中加入meta標籤 <meta name="viewport" conte […]

微信自定義分享連結資訊

問 : 在 微信 裡向朋友分享網頁連結時,總會看到一個可點選的包含連結相關資訊的卡片,上面有連結內容的 標題、描述 和 圖片,這三者前端 能否 不借助其他工具自行設定呢?具體 如何在頁面裡寫程式碼控制該頁面在微信裡被分享時顯示的相關資訊呢? 答 : 針對 從微信內部分享出去 的連結(具體操作為:瀏覽 […]

C3:使用flex彈性佈局

垂直居中 相信我們大多數人都是從static,浮動,定位這三種佈局方式來開始製作網頁的。在大多數的業務需求下,浮動和定位都能夠很好的滿足我們的開發需要。即使是在響應式設計中,浮動和定位配合百分比,rem,媒體查詢都能夠解決大多數的問題。但是如果你只使用浮動和定位的話,碰到以下的場景你就會發現不是那麼 […]

我的第一次移動端頁面製作 — 總結與思考

最近被分配到移動端開發組,支援某活動的頁面頁面製作。這算是我第一次真正接觸移動端頁面製作,下面就談談個人總結和思考。 整體流程 開會大體講解、討論與排期 -> 互動設計 -> 視覺設計 -> 頁面頁面製作 -> 前端開發 -> 測試 每個步驟環環相扣,每個職位都需要和其 […]