我有一個視頻在桌面上運行良好，但在移動設備上看起來不行，我將在此處共享代碼，并在此處共享最小可復制示例，
幫助者可以使用 chrome 或 mozilla 的 f12 代碼檢查器查看代碼，但也會在此處發布代碼
<style>我用這個小代碼作為參考，從這里反映出來，看看這個 w3schools 示例，了解如何制作回應式視頻
它適用于臺式機，但不適用于移動設備，有什么解決方案嗎？
html代碼：
<style>video {
max-width: 100%;
height: auto;
}</style>
<section class="hero">
<section class="v-header">
<div class="fullscreen-video-wrap">
<div class="gradient-overlay"></div>
<video src="videos/2.mp4" autoplay muted loop></video>
</div>
</section>
<div class="heroTitulo">
<h1>RADISOL</h1>
<h1>El Mejor Aliado Para tu Radiador</h1>
</div>
</section>
這里的 CSS 樣式：
https://clever-curie-f9c77b.netlify.app/css/estilos.css
謝謝
uj5u.com熱心網友回復：
不要使標題絕對
nav {
padding: 10px;
}
@media(max-width:767px) {
vedio {
width: 100%;
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/448393.html