技术分享
Σάββατο 9 Νοεμβρίου 2019
Παρασκευή 26 Ιουλίου 2019
Σάββατο 9 Φεβρουαρίου 2019
改善音频显示图标
分享一个改善手机端显示不理想的方式,让它的尺寸能够随机适配,再也不用担心超出屏幕啦~~~
复制后面的新音频代码,之后只需要替换换色部分的音频代码就可以了。这样手机上看的时候,就不会成显示不全的样子了。<br />
改代码前 改代码后

代码部分从下面开始
<html>
<head>
</head>
<body>
<div>
<audio controls="true" src="https://mp3.kingdomsalvation.org/zh_TW/jlsg/jlsg0026.mp3"> </audio>
</div>
</body>
<style>
audio {max-width: 100%;width: 100%;}
</style>
到上一行结束,之后手机设备,或任何屏幕的设备都会自动调整大小。所有的博客类型,之前能发音频贴的都这样更改一下
或者可以短一点也行
<div>
<audio controls="true" src="https://mp3.kingdomsalvation.org/zh_TW/jlsg/jlsg0026.mp3"> </audio>
</div>
<style>
audio {max-width: 100%;width: 100%;}
</style>
效果都是一样
Wordpress的音频代码只需要音频链接即可,不需要有其他代码,平台会自带生成 点击看 帖子说明
复制后面的新音频代码,之后只需要替换换色部分的音频代码就可以了。这样手机上看的时候,就不会成显示不全的样子了。<br />
改代码前 改代码后

代码部分从下面开始
<html>
<head>
</head>
<body>
<div>
<audio controls="true" src="https://mp3.kingdomsalvation.org/zh_TW/jlsg/jlsg0026.mp3"> </audio>
</div>
</body>
<style>
audio {max-width: 100%;width: 100%;}
</style>
到上一行结束,之后手机设备,或任何屏幕的设备都会自动调整大小。所有的博客类型,之前能发音频贴的都这样更改一下
或者可以短一点也行
<div>
<audio controls="true" src="https://mp3.kingdomsalvation.org/zh_TW/jlsg/jlsg0026.mp3"> </audio>
</div>
<style>
audio {max-width: 100%;width: 100%;}
</style>
效果都是一样
Wordpress的音频代码只需要音频链接即可,不需要有其他代码,平台会自带生成 点击看 帖子说明
Κυριακή 23 Δεκεμβρίου 2018
Εγγραφή σε:
Σχόλια (Atom)







