首頁(yè) 猿問(wèn) 有沒(méi)有辦法直接通過(guò)javascri...

有沒(méi)有辦法直接通過(guò)javascript獲得響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)

JavaScript

阿晨1998 2022-01-01 20:27:31

我正在構(gòu)建一個(gè)網(wǎng)站，其中一部分是使用 JavaScript 的 createElement 屬性構(gòu)建頁(yè)面。對(duì)于 Web 瀏覽器，我擁有一切美好而漂亮的東西，這肯定符合我的喜好，但我需要將它縮小到移動(dòng)設(shè)備的規(guī)模，而且我在網(wǎng)上找不到這些信息。我知道使用 CSS 可以使用 @media(max-width: ****) ，但是是否有與此等效的 javascript？到目前為止，我還不是 100% 熟悉 jQuery，但我可以很好地理解代碼，所以如果有 jQuery 代碼可用于此，我愿意嘗試一下，感謝您的幫助！

查看完整描述

3 回答

冉冉說(shuō)

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超1個(gè)贊

你所有的樣式都應(yīng)該用 CSS 而不是 javascript 來(lái)完成。

您可以查看 Bootstrap（css 框架），它使開(kāi)發(fā)響應(yīng)式網(wǎng)站變得容易。

反對(duì) 回復(fù) 2022-01-01

HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊

您可以檢查實(shí)際窗口是否是移動(dòng)設(shè)備，然后您可以使用 setAttribute 來(lái)制作您的自定義 CSS。

Window 接口的 matchMedia() 方法返回一個(gè)新的 MediaQueryList 對(duì)象，表示指定媒體查詢(xún)字符串的解析結(jié)果。然后可以使用返回的 MediaQueryList 來(lái)確定文檔是否與媒體查詢(xún)匹配，或監(jiān)視文檔以檢測(cè)它何時(shí)匹配或停止匹配媒體查詢(xún)。

反對(duì) 回復(fù) 2022-01-01