H5適配各種屏幕的方法有以下幾種：
媒體查詢（Media Queries）：使用CSS3的媒體查詢，根據不同屏幕尺寸的條件來加載不同的樣式。通過設置不同的CSS樣式，可以實現在不同屏幕尺寸下的布局適配。
彈性布局（Flexible Layout）：使用百分比或者rem等相對單位來設置元素的寬度、高度、內外邊距等屬性，使得頁面元素可以根據屏幕大小自動伸縮。可以使用flexbox布局或者CSS網格布局來實現彈性布局。
視口設置（Viewport Setting）：通過設置視口（viewport）的meta標簽來控制網頁在移動設備上的顯示。可以設置視口的寬度、縮放比例、禁用縮放等屬性，以便實現頁面在不同屏幕上的適配。
動態單位（Dynamic Units）：使用動態單位，如vh（視口高度的百分比）、vw（視口寬度的百分比）等，可以根據屏幕尺寸的變化自動調整元素的大小。
圖片適配（Image Adaptation）：使用響應式圖片或者使用CSS樣式來適配不同屏幕的圖片顯示。可以通過設置max-width屬性、使用srcset和sizes屬性、或者使用CSS背景圖片等方法來實現圖片適配。
這些方法可以單獨或者結合使用來實現H5頁面的適配，根據具體需求選擇合適的方法。
