第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

關(guān)于vw的疑問?

老師,您好。請問您的圖片尺寸計算方法是怎么算的,如:音樂轉(zhuǎn)盤的長寬為75px,那么您怎么轉(zhuǎn)化為15vw的昵,對此不是太明白,還望解答一下。謝謝老師。

正在回答

2 回答

vw是view-width的縮寫,相應(yīng)地還有vh是view-height的縮寫。他們分別指的是視窗寬度和高度(移動端

即設(shè)備寬度和設(shè)備高度)。

1vw等價于1%的視窗寬度,15vw指的就是15%視窗寬度。

那么接下來看為什么是15vw。你所說的75px我查了一下是music_disc.png的尺寸,而我們現(xiàn)在正在定義

的是#music的寬高對不對? #music這個div里不僅僅只有disc這一個元素,還有一個白色的背景和一個

紅色的圓環(huán)邊框。因此僅分配75px是不足的。

我在視頻當中用截圖工具進行測量,

56bca1be0001cfd505000316.jpg

56bca1be0001529005000316.jpg

可以看到視窗寬高大致是320*570,#music寬高應(yīng)該是50*50

用計算器計算50/320之后得到0.156,即15.6%

等價用15.6vw表示。

2 回復 有任何疑惑可以回復我~
#1

juanjuanyao

music寬高明明是75px
2016-02-18 回復 有任何疑惑可以回復我~

這個。。。其實

示例代碼:

h1{font-size:8vw;}

如果視口的寬度是200mm,那么上述代碼中h1元素的字號將為16mm,即(8x200)/100

就是實際的尺寸占屏幕寬度的比例,15vw就是15%的大小,這樣總可以理解了呀。單位轉(zhuǎn)換就不多說了

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
HTML5+CSS3實現(xiàn)春節(jié)賀卡
  • 參與學習       110191    人
  • 解答問題       492    個

又逢新春佳節(jié),春節(jié)賀卡搞起來,學會HTML5+CSS3實現(xiàn)春節(jié)賀卡

進入課程

關(guān)于vw的疑問?

我要回答 關(guān)注問題
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號