【沉醉動畫】梅花三弄

沉醉的曲

333333333333

爆汁莓驢

可以全屏退出全屏欣賞動畫。手機點唱片全屏，再點畫面退出全屏。
右側按鈕用于電腦調整高度適合電腦觀看（手機不可見，忽略）

爆汁莓驢

沉醉的曲 發表于 2025-1-22 00:11
問好老師，感謝關注鼓勵，遙祝冬日安好！

我在試試，如果可以。音畫可以用中畫播放器展現，我調整好把代碼分享給大家。晚上好

爆汁莓驢

樓主的圖片不管是電腦和手機都顯示不友好，特別是手機簡易和觸屏版看不全。
電腦和手機分辨率的差異，讓大家難以適從。我現在玩網的時間大部分浪費在兼容上，一切以手機為中心是現在的主流！
我發現大家在實際中有個誤區，就是寬度不善用100%。
電腦和手機如此大的差異，但100%是相同的，不管多寬多窄，就是能顯示全部。
樓主動畫如果寬度按100%（高度忽略）用，手機顯示完美！但電腦顯示太高了，像個大字報。盡管如此，電腦手機能完全顯示，這就是100%的優點 。

還有就是居中的使用。控制高度，沒有寬度（不要用），但如果選擇居中，寬度在完全顯示范圍內自動調整。 我貼的代碼如下，電腦和手機完美顯示。

1. <p align="center"><img id="BD" src="https://pic.imgdb.cn/item/67891997d0e0a243d4f4f1aa.gif" height="400px"></p>

復制代碼

總結（手機版圖片和視頻完整顯示）：
1.寬度善用100%（可以忽略高度會自動調整），用px不好控制顯示不友好。
2.或者，高度在論壇使用百分比不好使，需用px。寬度不用，通過居中（必須）會自動完整顯示（高度要適中，否則比例會失調）


此音畫做得非常漂亮！而且符合現在主流（手機款）。展現這樣的音畫，主要是要在手機有限的屏幕上通過樣式的設計完美體現出來，全屏的效果適合電腦屏幕。
音畫高度600px，在電腦顯示沒問題，如果要兼顧手機最好高度矮一點，我選了400px，在手機上已經顯得狹長了（樓主貼的代碼有些問題，手機顯示的寬度更小了）。
我貼的不復雜，就增加了圓角和陰影樣式：

1. <p align="center"><img src="https://pic.imgdb.cn/item/67891997d0e0a243d4f4f1aa.gif" height="400px" style="border-radius: 15px;box-shadow: 5px 5px 15px #000;"></p>

復制代碼

爆汁莓驢

可以兩套樣式，即電腦樣式和手機樣式。然后利用手機看不全的優點（可以化腐朽為神奇），在電腦上顯示個按鈕，調整為電腦樣式變大觀看(點下面電腦圖標看上面效果)。手機看不到圖標點不了，但太大了像素不高電腦又看不清！

爆汁莓驢

現在大家大多數用手機看帖子，你雖然用電腦發帖，但手機一樣會顯示，如果看不到電腦上顯示的效果，或看不全，發帖意義不如讓大多數人都能欣賞到。
手機一共有3個版面，如果是APP上網，可能電腦版看不到，使用手機可能都喜歡觸屏版和簡易版，適合手機。這樣，你的發帖手機用戶除非看電腦版，否則基本看不到。 你的貼手機效果（觸屏版）：

只能看一半

爆汁莓驢

可以正常顯示。我的回復效果

么念

咋了，都是3，