width:100vh與min-height:calc(100vh + 51px)

vh:相對于視窗的高度，那么vw:則是相對于視窗的高度。

“視區”所指為瀏覽器內部的可視區域大小，即window.innerWidth/window.innerHeight大小，不包含任務欄標題欄以及底部工具欄的瀏覽器區域大小。

詳細vh的用法，大家可以參考http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/??

calc是英文單詞calculate(計算)的縮寫，是CSS3的一個新增的功能，用來指定元素的長度。比如說，你可以使用calc()給元素的border、margin、pading、font-size和width等屬性設置動態值。為何說是動態值呢?因為我們使用的表達式來得到的值。不過calc()最大的好處就是用在流體布局上，可以通過calc()計算得到元素的寬度。

?

轉載于:https://www.cnblogs.com/ysx215/p/7002989.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/371962.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/371962.shtml
英文地址，請注明出處：http://en.pswp.cn/news/371962.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

XML配置文件中的Spring配置文件

XML配置文件中的Spring配置文件

我的上一個博客非常簡單，因為它涵蓋了我從Spring 3.0.x到Spring 3.1.x的輕松升級，最后我提到可以將Spring模式升級到3.1，以利用Spring的最新功能。 在今天的博客中，我將介紹這些功能中最酷的功能之一：Spring配置文件。…
閱讀更多...
交大計算機專業怎樣,計算機專業高校實力排名，上海交大第五，清華第二，第一毫無爭議...

交大計算機專業怎樣,計算機專業高校實力排名，上海交大第五，清華第二，第一毫無爭議...

原標題：計算機專業高校實力排名，上海交大第五，清華第二，第一毫無爭議計算機專業在近幾年可謂是“大熱”，眾多考生搶破頭也想當碼農，背后的原因其實不難理解。互聯網時代的到來，計算機早已滲透到…
閱讀更多...
python_day7 綁定方法與非綁定方法

python_day7 綁定方法與非綁定方法

在類中定義函數如果 不加裝飾器 則默認 為對象作為綁定方法 如果增加 classmethod 是 以 類 作為綁定方法 增加 classmethod 是 非綁定方法，就是不將函數 綁定 ##################### class Foo: def func(self): print(self) classmethod def func…
閱讀更多...
Spring Security使用Hibernate實現自定義UserDetails

Spring Security使用Hibernate實現自定義UserDetails

大多數時候，我們將需要在Web應用程序中配置自己的安全訪問角色。 這在Spring Security中很容易實現。 在本文中，我們將看到最簡單的方法。 首先，我們將在數據庫中需要以下表格： CREATE TABLE IF NOT EXISTS mydb.security_role (…
閱讀更多...
python之路-面向對象

python之路-面向對象

編程范式 編程是 程序 員 用特定的語法數據結構算法組成的代碼來告訴計算機如何執行任務的過程 ， 一個程序是程序員為了得到一個任務結果而編寫的一組指令的集合，正所謂條條大路通羅馬，實現一個任務的方式有很多種不同的方式， 對這…
閱讀更多...
西安郵電大學計算機科學與技術有專碩嗎,2020年西安郵電大學計算機學院考研擬錄取名單及排名！...

西安郵電大學計算機科學與技術有專碩嗎,2020年西安郵電大學計算機學院考研擬錄取名單及排名！...

20考研復試調劑群：4197552812020年西安郵電大學計算機學院碩士研究生招生復試成績及綜合排名各位考生：現將我院2020年碩士研究生招生復試成績及綜合排名公布(最終錄取名單及新生學籍注冊均以“全國碩士研究生招生信息公開平臺”備案信息為準)&#xff0c…
閱讀更多...
用Java排序的五種有用方法

用Java排序的五種有用方法

Java排序快速概述： 正常的列表： private static List VEGETABLES Arrays.asList("apple", "cocumbers", "blackberry");Collections.sort(VEGETABLES);output: apple, blackberry, cocumbers反向排序： pri…
閱讀更多...
[python]-數據科學庫Numpy學習

[python]-數據科學庫Numpy學習

一、Numpy簡介： Python中用列表(list)保存一組值，可以用來當作數組使用，不過由于列表的元素可以是任何對象，因此列表中所保存的是對象的指針。這樣為了保存一個簡單的[1,2,3]，需要有3個指針和三個整數對象。對于數值運…
閱讀更多...
檢測一個點, 是否在一個半圓之內的方法

檢測一個點, 是否在一個半圓之內的方法

demo: http://jsbin.com/lihiwigaso 需求: 一個圓分成分部分, 鼠標滑上不同的區域顯示不同的顏色 思路: 先判斷這個點是否在圓之內, 再判斷是否在所在的三角形之內就可以了 所需要的全部源碼: <!DOCTYPE html> <html> <head><meta charset"utf-8&quo…
閱讀更多...
計算機網絡設備接地規范,網絡機房防雷接地的四種方式及靜電要求

計算機網絡設備接地規范,網絡機房防雷接地的四種方式及靜電要求

編輯----河南新時代防雷由于計算機網絡系統的核心設備都放置在網絡機房內&#xff0c;因而網絡機房防雷接地有了較高的環境要求&#xff0c;良好的接地系統是保證機房計算機及網絡設備安全運行&#xff0c;以及工作人員人身安全的重要措施。直流地的接法通常采用網格地&#xf…
閱讀更多...
抓住尾部的StackOverFlowError

抓住尾部的StackOverFlowError

使用Java程序時可能要處理的一種更煩人的情況是StackOverFlowError&#xff0c;如果您有一個很好的可生產的測試用例&#xff0c;那么關于使用堆棧大小或設置條件斷點/某種痕跡 。 但是&#xff0c;如果您有一個測試案例可能一次失敗100次&#xff0c;或者像我的案例一樣在AWTM…
閱讀更多...
Gunicorn配置部分的翻譯

Gunicorn配置部分的翻譯

寫在前面&#xff0c;雖然翻譯得很爛&#xff0c;但也是我的勞動成果&#xff0c;轉載請注明出處&#xff0c;謝謝。 Gunicorn版本號19.7.1 Gunicorn配置 概述 三種配置方式 優先級如下&#xff0c;越后的優先級越大 1.框架的設置&#xff08;現在只有paster在用這個&#xff0…
閱讀更多...
臺式計算機風扇聲音大怎么處理,如何解決電腦電源風扇聲音大的問題？

臺式計算機風扇聲音大怎么處理,如何解決電腦電源風扇聲音大的問題？

現在的臺式機一般用3到5年后&#xff0c;一些問題自然也就慢慢表現出來了。很多網友在使用電腦過程中都有電腦風扇聲音大怎么辦的問題&#xff0c;電腦風扇聲音大就會讓人覺得使用電腦很不舒服&#xff0c;怎么辦好呢&#xff1f;出現重要的問題要如何解決好呢&#xff1f;現在…
閱讀更多...
jsp分頁功能

jsp分頁功能

http://blog.csdn.net/xiazdong/article/details/6857515轉載于:https://www.cnblogs.com/Baronboy/p/6112403.html
閱讀更多...
Spring Security第1部分–具有數據庫的簡單登錄應用程序

Spring Security第1部分–具有數據庫的簡單登錄應用程序

什么是Spring Security&#xff1f; Spring Security是一個提供安全解決方案的框架&#xff0c;可在Web請求級別和方法級別上處理身份驗證和授權。 Spring安全性通過兩種方式處理安全性。 一種是安全的Web請求&#xff0c;另一種是在URL級別限制訪問。 Spring Security使用Serv…
閱讀更多...
計算機應用 winxp,2017年職稱計算機考試模塊WindowsXP試題

計算機應用 winxp,2017年職稱計算機考試模塊WindowsXP試題

2017年職稱計算機考試模塊WindowsXP試題全國專業技術人員計算機應用能力考試是專業技術人員資格考試的一種。接下來應屆畢業生小編為大家搜索整理了2017年職稱計算機考試模塊WindowsXP試題&#xff0c;希望大家有所幫助。1. Windows XP中刪除某個文件的快捷方式【 A 】。A. 對原…
閱讀更多...
Python基礎（8）_迭代器、生成器、列表解析

Python基礎（8）_迭代器、生成器、列表解析

一、迭代器 1、什么是迭代 1 重復 　　2 下次重復一定是基于上一次的結果而來 1 l[1,2,3,4] 2 count0 3 while count < len(l): 4 print(l[count]) 5 count1 迭代舉例2、可迭代對象 可進行.__iter__()操作的為可迭代對象 #print(isinstance(str1,Iterable)),判斷str…
閱讀更多...
Angularjs2-EXCEPTION: Response with status: 200 Ok for URL:

Angularjs2-EXCEPTION: Response with status: 200 Ok for URL:

利用jsonp跨域請求數居&#xff0c;報錯 core.umd.js:3070 EXCEPTION: Response with status: 200 Ok for URL: 參考&#xff1a;stackoverflow 未解決。。。腦仁疼。。。有小伙伴也碰到過這個問題么&#xff1f; 16/11/30 問題解決 1.服務器端API允許跨域訪問(返回的數據添加允…
閱讀更多...
圖片無法刪除要計算機管理員,存在桌面的圖片刪不掉,怎么處理?提示是需要管理員權限。...

圖片無法刪除要計算機管理員,存在桌面的圖片刪不掉,怎么處理?提示是需要管理員權限。...

將下面代碼復制到記事本里&#xff0c;重命名為1.bat&#xff0c;然后打開&#xff0c;這時你右鍵圖片會出現管理員取得所有權&#xff0c;然后取得所有權后再刪除試試Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\*\shell\runas]管理員取得所有權NoWorkingDirecto…
閱讀更多...
Java對象序列化的本機C / C ++類似性能

Java對象序列化的本機C / C ++類似性能

您是否曾經希望過像使用C 這樣的本地語言將Java對象轉換成字節流一樣快的速度&#xff1f; 如果您使用標準的Java序列化&#xff0c;您可能會對性能感到失望。 Java序列化的目的是與盡可能快而緊湊地序列化對象的目的截然不同。 為什么我們需要快速緊湊的序列化&#xff1f; 我…
閱讀更多...
最新文章

Copyright @ 2022~2023