反响式网页央求策画出来的网页正在分歧的显示兴办（如大屏、平凡电脑端、手机端、平板电脑端）都能自顺应显示。这就央求策画软件具备反响式网页策画的才干。金蜘蛛网页策画对反响式网页策画救援非凡好，毋庸要写任何HTML代码就能告竣。本文先容一种行使金蜘蛛网页策画器告竣反响式网页策画的手腕，非凡轻易适用。上一节说到了菜单，本节讲Div面板的反响式策画，要紧行使其属性“按显示兴办树立名望、巨细、字体巨细”。

　　div面板正在网页策画时大凡用作容器构修网页的框架。大凡的Div面板动作框架要紧个别可能应用自愿高度来顺应反响式策画，毋庸要分表的策画。但借使Div面板的高度是固定的，正在分歧的辨别率的兴办下显示时，借使不跟着变化，就有也许很僵硬，此表如少许局限的个别往往也要跟着辨别巨细做反响策画。

　　如咱们的官网()首页的“当即下载”（见下图）睡觉于一居中的Div面板中，正在电脑端平常的浏览器显示是227X58巨细。

　　这时咱们变化浏览器的宽度至于电板电脑或手机兴办的巨细，如下图，类似的面板巨细已变为189X48了。本来上面的文字巨细也变化了，后面会讲到怎么树立。

　　Div面板的反响式通过“按显示兴办树立名望、巨细、字体巨细”属性告竣。不但是Div面板有“按显示兴办树立名望、巨细、字体巨细”属性，除了少许特定的UI(如layUI、WeUI，这些控件的自身公共半已救援反响式)、又有少许如已标明有反响式的菜单表，总共的控件都有此属性，如面板、按钮、文本框、下拉框、多行文本框等等。

　　“按显示兴办树立名望、巨细、字体巨细”救援手机、平板电脑、超大屏兴办，再加上默认的平凡电脑兴办树立，一共救援四种兴办的辨别率。每种兴办可能树立的属性项目是相通的，如下图：

　　要启用该兴办下的树立，当然“启用”要先兴办为“true”。启用后后面的属性如“荫蔽”、“宽度”、“高度”、“表里边距”等才会生效。

　　该控件正在此兴办下的宽度，借使为空，暗示应用默认的宽度。该属性可能树立一个百分数，如树立为90%，则暗示是父控件宽度的90%；借使思树立为平凡电脑下的宽度的90%，则要树立为“90%%”。

　　该控件正在此兴办下的高度，借使为空，暗示应用默认的高度。该属性可能树立一个百分数，如树立为90%，则暗示是父控件高度的90%；借使思树立为平凡电脑下的高度的90%，则要树立为“90%%”。

　　该控件正在此兴办下的字体巨细，借使为空，暗示应用默认的字体巨细。预防：该属性只对如文本框、输入框、多行输入框、按钮等有显示文字的才生效。该属性可能属性一个百分数，如80%暗示是平凡电脑树立的字体巨细的80%。

　　如下图，点“创修转移网页”创修一个空缺的网頁（解釋：電腦網頁不順應轉移興辦下顯示，但轉移網頁既可能順應電腦興辦也可能順應轉移興辦顯示，因此反響式網頁都要創修轉移網頁）。

　　“按顯示興辦樹立名望、巨細、字體巨細”-“手機”-啓用：true；寬度：100%；高度：100。

　　“按顯示興辦樹立名望、巨細、字體巨細”-“平板電腦”-啓用：true；寬度：100%。

　　改幼浏覽器寬度到742px-1024px之间(平板电脑辨别率巨细)，这时面板的宽度已是父的100%，如下图：

　　一直改幼浏览器宽度幼于742px(手机辨别率巨细)，这时面板的宽度已是父的100%，高度已变为100px，如下图：

　　以上的结果恰是咱们正在“按显示兴办树立名望、巨细、字体巨细”所树立的反响式结果，更多例子可能正在官网下载：ml。