摘要:當函數完成前端小白徒手搭博客之路前端小白徒手搭博客之路前言作為一個前端小白,一直以來,樣式布局設計靈感都是自己的痛點。 前言 本博客為最最最基本的html靜態頁面打造而成。 github地址 線上地址 showImg(https://segmentfault.com/img/remote/1460000015336725?w=320&h=320); Github Pages 在git...
摘要:設置在彈性項目上的屬性屬性定義項目的排列順序。屬性定義了項目的縮小比例,默認為,即如果空間不足,該項目將縮小。屬性允許單個項目有與其他項目不一樣的對齊方式,可覆蓋屬性。 兼容瀏覽器版本 Chrome 21+ Opera 12.1+ Firefox 22+ Safari 6.1+ IE 10+ 瀏覽器對最新flexbox規范的支持情況: Chrome 29+ Firefox 28+...
引言 前段時間在 github 上看到了一個很trick的項目:用純 CSS(即不使用 JavaScript)實現一個聊天應用 —— css-only-chat。即下圖所示效果。 showImg(https://segmentfault.com/img/remote/1460000019242666?w=1503&h=870); 在我們的印象里,實現一個簡單的聊天應用(消息發送與多頁面同步)并不困...
摘要:效果預覽按下右側的點擊預覽按鈕可以在當前頁面預覽,點擊鏈接可以全屏預覽。可交互視頻此視頻是可以交互的,你可以隨時暫停視頻,編輯視頻中的代碼。 showImg(https://segmentfault.com/img/bVbeKgO?w=400&h=300); 效果預覽 按下右側的點擊預覽按鈕可以在當前頁面預覽,點擊鏈接可以全屏預覽。 https://codepen.io/comehop...
摘要:最終統籌一下我們要做的事情讓變成和屏幕分辨率一致的寬度根據設備寬度和來指明根元素的值這些操作之后你就可以實現最終的代碼了 首先從屏幕開始說起. 屏幕是由一個一個顯示單元組成的.1 每一個顯示單元都是物理世界真實存在的;2 把一個顯示單元的大小稱為一個物理像素;3 通常我們所說的 分辨率, 就是指一塊屏幕顯示單元的個數, 比如750*1334, 表示這塊屏幕由 750*1334 個顯示單...