首先我們來(lái)看看網(wǎng)站制作公司經(jīng)常用到的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是由那兩種計(jì)算機(jī)語(yǔ)言構(gòu)成的，它們分別是HTML以及CSS，它們都是能夠控制網(wǎng)站的布局以及頁(yè)面內(nèi)容的計(jì)算機(jī)語(yǔ)言。

1、 HTML與CSS

①HTML在響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)中主要負(fù)責(zé)網(wǎng)站的結(jié)構(gòu)、內(nèi)容以及其他設(shè)計(jì)元素。也能夠控制網(wǎng)站中一些元素的主要屬性，例如網(wǎng)頁(yè)的高與寬。

②網(wǎng)站制作公司所使用的CSS不僅僅能夠控制網(wǎng)頁(yè)的高度，寬度以及色彩，還負(fù)責(zé)編輯頁(yè)面上元素的設(shè)計(jì)以及布局。

這兩種技術(shù)可以租媒體查詢技術(shù)結(jié)合起來(lái)，從而使網(wǎng)頁(yè)的設(shè)計(jì)更具響應(yīng)性。

2、 媒體的查詢

它可以說(shuō)是CSS3的一部分，能夠讓網(wǎng)站制作公司所建設(shè)的網(wǎng)頁(yè)適應(yīng)不同的因素，例如訪問(wèn)設(shè)備的屏幕分辨率或者大小，來(lái)呈現(xiàn)出網(wǎng)頁(yè)的主要內(nèi)容。

3、 流體布局

流體布局把網(wǎng)頁(yè)有關(guān)尺寸的可變化數(shù)值都設(shè)置為百分比顯示，所以也被稱為百分比布局。它能夠根據(jù)訪問(wèn)設(shè)備的大小而對(duì)于元素進(jìn)行增加或者減少顯示。

4、 Flexbox網(wǎng)頁(yè)布局

雖然流體布局能夠依據(jù)可變值的百分比設(shè)計(jì)來(lái)調(diào)整顯示內(nèi)容，但卻因?yàn)槠洳粔蜢`活而被很多網(wǎng)頁(yè)設(shè)計(jì)師所詬病。而Flexbox則作為CSS的一個(gè)木塊能夠以比較有效果的方式進(jìn)行設(shè)計(jì)網(wǎng)頁(yè)的多個(gè)元素，而其內(nèi)容容器會(huì)自動(dòng)擴(kuò)展以此達(dá)到填充網(wǎng)頁(yè)的可中空間。網(wǎng)站制作公司所使用的flex容器都有些許多獨(dú)特的特點(diǎn)，所以不能使用HTML進(jìn)行編輯。