是否可以在沒有媒體查詢的情況下為每個屏幕尺寸選擇媒體？
[英]Is it possible to choose the media for each screen size without media queries?
問題描述
我必須創建一個頁面，其中在桌面上有一個帶有視頻的橫幅，在平板電腦/手機上有一個圖像。 是否有類似於<picture> HTML 標簽的東西，它可以在沒有媒體查詢的情況下為每個指定的斷點組合圖像和視頻？ （源集或源）。
我知道我可以在平板電腦斷點上隱藏視頻並顯示圖像，但這對表演來說不是最佳選擇，因為視頻仍在移動設備上加載。
謝謝你的幫助
1 個解決方案
解決方案1
1 已采納 2021-07-17 08:42:42
不推薦使用視頻的媒體查詢（在 Chrome 36 或類似版本中退出）
您可以使用 JavaScript 獲取屏幕大小，然后根據響應添加視頻或圖像標簽。
當屏幕尺寸較小時，帶有媒體查詢的 css 無法正常工作
[英]css with media queries does not work properly when screen size is small
是否可以使用JavaScript將媒體查詢樣式應用於隨機窗口大小？
[英]Is it possible to apply media queries style with random window size using javascript?
無需使用媒體查詢即可使文字進入移動屏幕的中心
[英]Making text to go to center of the mobile screen without using media queries
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.