Html5屏幕旋轉橫屏的代碼實現非常簡單，只需要使用一點CSS和JavaScript即可輕松完成。下面是具體步驟：

/* CSS代碼 */
@media screen and (orientation:landscape) {
/* 橫屏樣式 */
}
@media screen and (orientation:portrait) {
/* 豎屏樣式 */
}
/* JS代碼 */
window.addEventListener("orientationchange", function() {  
if (window.orientation === 180 || window.orientation === 0) {  
/* 豎屏 */ 
}  
if (window.orientation === 90 || window.orientation === -90 ){  
/* 橫屏 */ 
}
}, false);

上面的CSS代碼使用了@media規則來根據屏幕方向不同而加載不同的樣式，其中orientation屬性可用于檢測并控制屏幕方向。而JS代碼則使用了瀏覽器的orientationchange事件來檢測用戶是否旋轉屏幕，從而判斷屏幕方向的變化并加載相應的樣式。

以上是實現Html5屏幕旋轉橫屏的代碼，希望對大家有所幫助！