CSS橫屏圖片變大，是通過一些CSS代碼實現的效果，可以讓網站圖片在橫屏瀏覽時顯示的更加清晰，更加突出。下面，我們來具體了解一下如何通過CSS實現橫屏圖片變大。

/* 首先，我們需要在CSS中定義一個@media規則 */
@media screen and (orientation:landscape) {
/* 當屏幕橫屏時，才會執行下面的代碼 */
/* 設置圖片元素的max-width和max-height */
/* 讓圖片大小自動適應屏幕的大小 */
img {
max-width: 100%;
max-height: 100%;
}
}

通過以上的CSS代碼，我們可以讓圖片元素在橫屏時自動適應屏幕大小，并且保證圖片不會出現拉伸或失真的情況。同時，這些代碼也可以適應不同尺寸的屏幕，保證圖片在不同設備上都能夠呈現出最佳的效果。

總之，CSS橫屏圖片變大的方法非常簡單，只需要通過定義一個@media規則，設置max-width和max-height屬性，即可實現網站圖片在橫屏模式下變大的效果。如果你想讓網站圖片顯示更加美觀和清晰，那么趕快嘗試一下這個方法吧！