現(xiàn)如今人們?yōu)g覽網(wǎng)站的方式主要還是通過電腦和手機，對于企業(yè)來說現(xiàn)如今在進(jìn)行網(wǎng)站建設(shè)時基本上都是需要滿足手機端和電腦端用戶的使用。對于網(wǎng)站建設(shè)公司來說，為了滿足用戶在不同設(shè)備上的正常使用，通常會在網(wǎng)站建設(shè)時選擇使用媒體查詢或者響應(yīng)式設(shè)計的方式，讓用戶能夠在不同的設(shè)備上都有最好的使用體驗。那么媒體查詢和響應(yīng)式之間到底有什么區(qū)別呢？

首先是媒體查詢。媒體查詢是一種CSS的技術(shù)，主要是根據(jù)不同設(shè)備的特性，來改變網(wǎng)站的樣式。當(dāng)設(shè)備滿足一定的條件后，讓網(wǎng)站的樣式自動發(fā)生改變。在進(jìn)行網(wǎng)站建設(shè)時，通常會根據(jù)用戶設(shè)備屏幕尺寸的大小，使用媒體查詢來改變網(wǎng)站的樣式，讓不同設(shè)備的用戶能夠獲取到最好的網(wǎng)站體驗。當(dāng)然了除了屏幕尺寸之外，還可以根據(jù)分辨率、設(shè)備方向、設(shè)備類型等，自動改變網(wǎng)站的樣式。并且因為是根據(jù)用戶設(shè)備的不同，來調(diào)整網(wǎng)站的樣式，并不是從新建設(shè)一個不同設(shè)備的網(wǎng)站，能夠很大程度上節(jié)省網(wǎng)站建設(shè)所需要的成本和時間，對于后期的維護(hù)、優(yōu)化、擴(kuò)展來說都有很好的幫助。

而響應(yīng)式通常是通過百分比布局和網(wǎng)格布局，結(jié)合媒體查詢來實現(xiàn)的。其中百分比布局能夠保證網(wǎng)站中元素的大小隨著屏幕的大小而進(jìn)行改變，讓不同設(shè)備的用戶都能夠看到完整的內(nèi)容、圖片等。而網(wǎng)格布局通常是指CSS的Flexbox或Grid布局，主要功能就是讓網(wǎng)站的布局不會輕易發(fā)生改變，使其根據(jù)可以使用的空間自動進(jìn)行調(diào)整。而媒體查詢更多是用來改變網(wǎng)格布局和百分比布局的一些缺陷的，特別是在手機端的布局。例如在使用百分比布局時，一些圖片在電腦端的展示會是很大的，但是在手機上的展示會變得非常的小，對于手機用戶來說想要看清會很難，這種情況下，可以使用媒體查詢對于手機端的圖片樣式進(jìn)行處理，使其能夠更好的展示給用戶。對于網(wǎng)格布局來說更多的是用來調(diào)整內(nèi)部展示的數(shù)量的，畢竟在電腦端因為屏幕大的因素，可以在一行展示多個內(nèi)容，但是手機、平板的屏幕相對來說就顯得很小，一行很難展示太多的內(nèi)容，所以通過媒體查詢讓網(wǎng)格布局的內(nèi)容在小屏幕上進(jìn)行展示時，不會因為數(shù)量太多而影響用戶的體驗。

隨著技術(shù)的不斷提升，現(xiàn)如今很多網(wǎng)站在建設(shè)時都會采用響應(yīng)式設(shè)計來進(jìn)行網(wǎng)站建設(shè)，很少在單純的使用媒體查詢了，并且響應(yīng)式對于不同設(shè)備的用戶體驗來說會更好一些，這也是為什么響應(yīng)式使用的數(shù)量越來越多的主要原因。