1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. Aspect 線上螢幕尺寸比例計算器 (4:3、21:9、16:9、2:1)

Aspect 線上螢幕尺寸比例計算器 (4:3、21:9、16:9、2:1)

2018/04/10

梅問題-Aspect 線上螢幕尺寸比例計算器

  最近由於在設計RWD自適應的網頁,在第一屏的主圖部分,希望以全螢幕來作呈現,並隨著裝置解析尺寸,自動的調影像尺寸,讓畫面可以充滿整個螢幕,由於目前主流的螢幕尺寸,從早期的4:3變成了16:9、21:9,所以在設計主圖時,影像的比例就顯得格外的重要,由於當今天螢幕較小時,左右二旁的影像就會被卡掉,當比較狹長時,影像上下就會被卡掉,因此這時就得抓取一個中間值,才能讓影像符合各個裝置的尺寸,並且也能避開將重要的資訊,放在邊邊角角的地方。


  雖然說知道比例,就能計算出影像的長寬,但這對於數學不好的梅干,總是算半天,且算完還不一定是對的,因此梅干找了好久,找到一個專為螢幕尺寸打造的計算器,當輸入一邊的數值,就可快速的計算出另一邊的長度,甚至還可以切換比例值,快速的顯示,在各比例下的影像尺寸大小,因此身為網設的朋友,這個專為螢幕顯示比例的線上計算器,也千萬別錯過了。


Aspect

網站名稱:Aspect
網站連結:http://www.shejidaren.com/examples/tools/aspect/index.html

Step1
當進入「Aspect」網站後,只需輸入一邊的數值,就會自動的計算出另一邊的長度。
梅問題-Aspect 線上螢幕尺寸比例計算器


Step2
同時預設為16:9,也就是目前較主流的螢幕尺寸比例。
梅問題-Aspect 線上螢幕尺寸比例計算器


Step3
當切換上方的比例時,數值也隨著改變,因此透過這個平台,就可快速的取得,各裝置螢幕比例的尺寸大小啦!
梅問題-Aspect 線上螢幕尺寸比例計算器