使用百度地圖的時候，我們有時需要將其設置成全屏寬度，以適配不同尺寸的屏幕。為了實現這一功能，我們可以使用一些 CSS 屬性，比如設置百度地圖的寬度為100%，然后在樣式表中通過媒體查詢來控制不同屏幕尺寸下的樣式表。 以下是一個實現百度地圖寬度全屏CSS的示例代碼：

HTML 代碼：

<div id="container"></div>

CSS 代碼：

/* 設置地圖為 100% 寬度 */
#container {
width: 100%;
height: 500px;
}
/* 在特定的屏幕尺寸下設置樣式表 */
@media (max-width: 767px) {
#container {
height: 300px;
}
}

在上面的代碼中，我們在 HTML 中創建了一個 ID 為 container 的 div 元素，然后在 CSS 中設置其寬度為 100%。同時，我們還設置了一個高度為 500px 的初始高度。對于特定的屏幕尺寸（在本示例中是小于 767px），我們使用媒體查詢來設置 viewport 的最大寬度，以便為這些屏幕尺寸設置合適的樣式表。在這種情況下，我們將地圖高度設置為 300px。 通過使用上述代碼，我們可以輕松地實現百度地圖的寬度全屏效果，以適應各種屏幕尺寸。