亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

還是不太明白Math.min里 的比例關系。。。

如果前兩個數都小于一 ?取最小的比例 那圖片即使不超過視口 圖片也要被縮小了。。

正在回答

3 回答

給你貼出了三種圖片在視口里面出現的情況,第一個為例,下面都差不多。http://img1.sycdn.imooc.com//55bee5cd0001862a08000925.jpg

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

Chen_dear 提問者

非常感謝!
2015-08-03 回復 有任何疑惑可以回復我~

?如果寬大于視口,那么寬要乘以的系數必須要比?視口的寬度/圖片的寬度?要小才行?(因為只有這樣才能讓圖片在視口里),

同理高度的系數?也要比?視口的高度/圖片的高度?要小才行

所以符合讓圖片在視口里的系數?要比這兩個系數都小才行

所以系數能取的范圍?是小于?(高度的系數?與?寬度的系數中的最小值)??并不是一定就是這個最小值

如果這個最小值小于1,我們就用這個最小值,使圖片縮放的比例最小,

如果這個值大于1,我們就用1,因為1在這個范圍里,并且可以保證圖片不變形

所以最后系數的表達式就是,Math.min(窗口寬度/圖片寬度,窗口高度/圖片高度,1);

也就是3者中的最小值


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

Chen_dear 提問者

哇哦 !感謝老師這么細心回答, 老師太負責了, 喜歡上你了腫么辦 (……&偷笑@~@~) 大致理解這個邏輯了,但是還有一點點不明白: 乘以的系數 是小于視口的寬度/圖片的寬度 還是 小于等于 如果是小于的話 那 Math.min(窗口寬度/圖片寬度,窗口高度/圖片高度,1)取三個中的最小值得話這個系數 應該是等于 高度系數 或者是寬度系數 或者是1吧 也不小于他們呀!
2015-08-02 回復 有任何疑惑可以回復我~
#2

天真De孩子

這一節課 我有一個問題 就是$(window).height(); 我好幾次 獲取高度的時候 火狐瀏覽器獲取的卻是$(document).height(); 一個是瀏覽器窗口高度,一個是body文檔區域高度?;鸷@個是bug么 之前同事 問我 我以為是他寫錯了,后面我有時候也遇到這個問題。360瀏覽器 是正確獲取了的。
2015-08-16 回復 有任何疑惑可以回復我~
#3

天真De孩子 回復 天真De孩子

原因找到了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 這個 頭部問題 我暈,用sublime 生成的HTML5文檔 他是不包含這個頭部的!沒想到 這個 在火狐 和谷歌下 會出錯
2015-08-16 回復 有任何疑惑可以回復我~

乘以的系數 是小于視口的寬度/圖片的寬度 ?還是 小于等于 如果是小于的話 那 Math.min(窗口寬度/圖片寬度,窗口高度/圖片高度,1)取三個中的最小值得話這個系數 應該是等于 高度系數 或者是寬度系數 或者是1吧 ?也不小于他們呀

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

舉報

0/150
提交
取消

還是不太明白Math.min里 的比例關系。。。

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號