實現方式：垂直方向的padding
基於容器的width給padding乙個百分比。主要的原理是基於元素的padding-top或padding-bottom是根據元素的width進行計算的。
假設你有乙個div容器，它的寬度是400px，高度為200px。這個時候借助padding-top或者padding-bottom的值為50%。
根據容器的寬度和padding就可以計算出容器div的高度是200px。
1.html結構
1<
div
class
="container"
>
2<
div
class
="content" data-ratio="16:9"
>
3<
div
class
="center"
>
4<
input
type
="text"
placeholder
="使用者名稱"
>
5<
input
type
="text"
placeholder
="密碼"
>
6div
>
7div
>
8div
>
上面的html結構中,只要的核心內容是content和center。外面的container主要是鋪滿整個頁面的，她沒有進行寬高的等比
data-ratio="16:9">
詳解：1.content裡面必須包含乙個子標籤center
2.所有其他內容放在子標籤內，不能直接放在content中
2.css**
1.container
8.content
18.content>*
26.center
30.content input
上面的css**核心部分如下
1.content
6.content[data-ratio="16:9"]
9/*通過萬用字元*選擇器，讓其子元素的寬高和容器.content一樣大小 */
10.content > *
詳解：1.容器相對定位，寬度100%，高度為0 ，通過padding-top來顯示高度。padding-top的值是（高度/寬度）*容器的寬度百分比。
2.通過萬用字元*選擇器，讓其子元素的寬高和容器.content一樣大小 （center的寬高是100%）
3.容器裡面的內容，涉及到的單位都用px.
元素的寬（百分比）=自身寬度/容器(父)的寬*100%；
元素的高（百分比）=自身高度/容器(父)的高*100%；
padding/margin=自身大小/容器（父）的寬度*100%。(即，無論是上下的間距還是左右的間距都是用自身的值/父的寬度)
CSS寬高等比布局
實現思路 以父級元素為基準,子級width 100 也就是父級寬度的100 padding top 50 也就是父級寬度的50 根據css規範,padding用百分比表示的話,padding 100 等於父元素的寬度 為什麼不直接 width 50 height 50 那樣高度就成了父級高度的50 ...
等比縮放演算法
1 函式 功能 矩形區縮放到目標矩形區 引數 rcdest 目標矩形區域 nsrcwidth 被縮放矩形區的寬度 nformat 矩形區在目標矩形區對齊方式 dt top dt vcenter dt bottom dt left dt center dt right 返回值 矩形區縮放後在目標矩形區...
cad等比例縮放快捷鍵 cad等比例縮放快捷鍵
cad等比例縮放快捷鍵是s鍵c鍵。常用cad的快捷鍵還有取消前一步操作ctrl z 快速選擇alt tk 提取輪廓alt mup 重複執行上一步命令ctrl j 開啟特性對話方塊ctrl 1以及新建圖形檔案ctrl n等等。計算機輔助設計 computer aided design 指利用計算機及其...