Responsive Design by setting Viewport<\/h2>\n

Setting specific width to the screen which will adjust screen as per device on which we are going to display our webpage.<\/p>\n\n<\/body><\/pre>\n

在臺(tái)式機(jī)或筆記本電腦屏幕上輸出：<\/strong><\/p>\n

<\/p>\n

移動(dòng)設(shè)備上的輸出：<\/strong><\/p>\n

<\/p>\n

平板電腦上的輸出：<\/strong><\/p>\n\n\n

<\/p>\n

示例#2<\/h4>\n

在示例 2 中，我們使用媒體查詢使屏幕響應(yīng)。這將幫助我們通過(guò)使用代碼支持各種瀏覽器以及各種設(shè)備來(lái)使網(wǎng)頁(yè)響應(yīng)：<\/p>\n

HTML 代碼：<\/strong><\/p>\n

\n\n