CSS響應式媒體尺寸是在不同設備上為網(wǎng)站提供優(yōu)秀的外觀和功能。響應式設計使網(wǎng)站做到在各種設備上訪問都能自適應，Real Time，可生成 HTML5/CSS3 代碼，以便您能快速、輕松地為移動、平板和桌面設計網(wǎng)站界面。

/* 媒體查詢 */
@media screen and (max-width: 600px) {
body {
background-color: pink;
}
}
/* 通過媒體查詢針對大屏幕進行樣式更改 */
@media screen and (min-width: 900px) {
body {
background-color: blue;
}
}
/* 處理瀏覽器大小變化時元素以及文字縮放 */
.view-port {
width: 100%;
height: 100%;
overflow: auto;
-webkit-zoom: 1;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
-o-transform: scale(1);
-o-transform-origin: 0 0;
-ms-transform: scale(1);
-ms-transform-origin: 0 0;
transform: scale(1);
transform-origin: 0 0;
}

通過以上媒體查詢樣式以及viewport控制，可以針對不同大小屏幕的設備進行優(yōu)化網(wǎng)站顯示效果，達到最佳瀏覽效果和用戶體驗。