使用vh、vw
vh代表的是view height，也就是螢幕可視範圍高度的百分比；vw表示的是view width，也就是螢幕可是範圍寬度的百分比。
這兩個單位的使用上和百分比很類似，當我填100vh和100vw時，意思就是我的這個div要是整個螢幕的可是範圍，所以你會看到，瀏覽器全部都是黃色的，而且很重要的是，這個區塊會隨著瀏覽器的縮放而改變。
如果我填的是30vh和30vw，表示這個div要占我的可視範圍的30%，因為它會隨著你的網頁縮放而改變，所以它一定會是正方形的，只有當你視窗的長和寬比例為1:1時，它才會是正方形的。
這個方形的長度會隨著你的視窗而改變，但是因為我輸入的是30，所以都會是30%。
這時候，如果我們希望畫出一個可以隨著視窗大小而改變的正方形時，我們只要把長和寬都設成一樣的單位就可以了，例如width:20vw; height:20vw。
這時候，螢幕上就會always呈現出一個寬和長，都是可視範圍20%的正方形。
這樣的單位有什麼好用的地方呢？
有些時候，特別是在設計自適應性網頁（RWD）時我們會希望我們的圖片隨著螢幕的大小而改變，這時候我們就可以利用到這兩個新的單位。
vmin和vmax
另外，還有一個補充的單位是vmin，這個的意思是幫我抓取「長或寬較小的那個的百分比」，另一個相對的就是vmax意思就是抓取「長或寬較大的那個的百分比」。
透過這些單位，就可以更容易設計可隨視窗大小變動的圖片或按鍵。
參考文件
https://pjchender.blogspot.tw/2015/04/css-3vh-vw.html
各位客官看看，ASP.NET 不難的碑
我是 ASP.NET 新手，程式有問題再請告知喔!!
