在處理行動裝置頁面時，我們有時會需要將banner 圖做成與螢幕等寬的正方形以獲得最佳的體驗效果，如Flipbord 的行動頁面：那麼應該怎麼使用純CSS 製作出能夠自適應大小的正方形呢？方案一：CSS3 vw 單位CSS3 中新增了一組相對於可視區域百分比的長度單位 vw, vh, vmin, vmax。其中vw 是相對於視口寬度百分比的單位，1vw = 1% viewport width， vh 是相對於視口高度百分比的單位，1vh = 1% viewport height；vmin 是相對當前視口寬高中較小的一個的百分比單位，同理vmax 是相對當前視口寬高中較大的一個的百分比單位。該單位瀏覽器相容性如下：利用vw 單位，我們可以很方便做出自適應的正方形：
&a
#1. 關於長度單位的10篇文章推薦
#簡介：在處理行動裝置頁面時，我們有時會需要將banner 圖做成與螢幕等寬的正方形以獲得最佳的體驗效果，如Flipbord 的行動頁面：那麼應該怎麼使用純CSS 製作出能夠自適應大小的正方形呢？方案一：CSS3 vw 單位CSS3 中新增了一組相對於可視區域百分比的長度單位 vw, vh, vmin, vmax。其中vw 是相對於視口寬度百分比的單位，1vw = 1% viewport width...
#2. 關於行動頁面的詳細介紹
#簡介：在處理行動裝置頁面時，我們有時需要將banner 圖表做成與螢幕等寬的正方形以獲得最佳的體驗效果，如Flipbord 的行動頁面：那麼應該怎麼使用純CSS 製作出能夠自適應大小的正方形呢？方案一：CSS3 vw 單位CSS3 中新增了一組相對於可視區域百分比的長度單位 vw, vh, vmin, vmax。其中vw 是相對於視口寬度百分比的單位，1vw = 1% viewport width...
#3. 有關vw單位的文章推薦10篇
#簡介：在處理行動裝置頁面時，我們有時會需要將banner 圖做成與螢幕等寬的正方形以獲得最佳的體驗效果，如Flipbord 的行動頁面：那麼該怎麼使用純CSS 製作出能夠自適應大小的正方形呢？方案一：CSS3 vw 單位CSS3 中新增了一組相對於可視區域百分比的長度單位 vw, vh, vmin, vmax。其中vw 是相對於視口寬度百分比的單位，1vw = 1% viewport width...
#4. 詳細介紹使用純CSS實現自適應正方形的案例
簡介：在處理行動裝置頁面時，我們有時會需要將banner 圖表做成與螢幕等寬的正方形以獲得最佳的體驗效果，如Flipbord 的行動頁面： 那麼應該怎麼使用純CSS 製作出能夠自適應大小的正方形呢？ 方案一：CSS3 vw 單位CSS3 ...
5. JavaScript如何使用ZeroClipboard操作剪切板的程式碼分享
簡介：這篇文章主要為大家詳細介紹了JavaScript使用ZeroClipboard操作剪切板的相關資料，具有一定的參考價值，感興趣的小夥伴可以參考一下
6. H5 的複製操作實例程式碼
#
簡介：一開始，在 Web 端，並沒有任何可以接觸到 clipborad 的內容。以前，我們想要執行 copy/paste/cut 只能藉助 flash。但現在，偉大的 H5 又或者說 W3C 推出了關於 H5 操控 clipboard 的草案。最出名的就是兩個API:
7. 詳細介紹ZeroClipboard的使用教學
##簡介：這篇文章主要為大家詳細介紹了JavaScript使用ZeroClipboard操作剪切板的相關資料，具有一定的參考價值，有興趣的小伙伴們可以參考一下
8. xml在powerbuilder中應用的程式碼範例
簡介：powerbuilder中的資料視窗真是好的不得了，工作基本上都是圍繞它做，很高效，這幾天專案上需要用導出xml文件，就用pb9(xml導出導入功能是從powerbuilder9 .0增加的功能)做了一個demo以驗證可行性
9. 將ES6 程式碼轉換成ES5
簡介：本文介紹用Gulp和Babel6來將ES6程式碼轉換成ES5程式碼。如果用其他工具配合Babel來做，可以見這裡。不知道Gulp是什麼？請先查看Gulp入門指南。 1.安裝依賴安裝全域Gulpnpminstallggulp安裝專案中使用的Gulpnpminstallsavedevgulp安裝Gulp上Babel的插件npminstallsavedevgulpbabel安裝Babel...
10. 關於Python程式語言的發展簡介
10.
關於Python程式語言的發展簡介
#10.
關於Python程式語言的發展簡介
簡介：Python是我喜歡的語言，簡潔、優美、易用。前兩天，我很激昂地向朋友宣傳Python的好處。 “好吧，我承認Python不錯，但它為什麼叫Python呢？” “呃，似乎是一個電視劇的名字。” “那你說的Guido是美國人麼？” “他從Google換到Dropbox工作，但他的名字像是荷蘭人的。我看到了Python中許多功能的來源和Python的設計..
【相關問答推薦】：
c++ - windows 系統枚舉任意核心進程物件的問題
javascript - ZeroClipboard複製功能在再次返回到該頁面時失效了
##在伺服器上部署了一個php專案不能透過網域存取該伺服器 出現403
######javascript - 如何使用Lodash / Underscore 進行下列資料處理分組處理#############linux - raspberry pi 2 使用哪個apt來源？ ######
以上是有關PB的文章推薦10篇的詳細內容。更多資訊請關注PHP中文網其他相關文章！
