很多網站都需要設計響應式界面，在不同尺寸的屏幕上呈現不同的布局和樣式。為了實現這樣的功能，我們需要根據屏幕大小動態地加載對應的css文件。

下面是一個實現響應式界面的例子，其中我們使用了@import指令來引入不同尺寸的css文件：

/* 在默認的css文件中定義一些通用樣式 */
body {
font-size: 16px;
}
/* 加載適合大屏幕的css文件 */
@media (min-width: 1200px) {
@import url("large-screen.css");
}
/* 加載適合中等屏幕的css文件 */
@media (max-width: 1199px) and (min-width: 768px) {
@import url("medium-screen.css");
}
/* 加載適合小屏幕的css文件 */
@media (max-width: 767px) {
@import url("small-screen.css");
}

如上代碼所示，我們在默認的css文件中定義了一些通用的樣式。接著，在媒體查詢中使用@media指令來指定不同屏幕尺寸的條件。在每個媒體查詢中，我們使用@import指令來引入對應的css文件。

這個例子中的媒體查詢是基于屏幕的寬度來定義的。我們可以根據需要使用其他的媒體查詢條件，比如屏幕的高度、分辨率等來實現更復雜的響應式界面。