完全披露，我知道剛剛足夠的css導致真正的損害。固定響應大小的聲音嵌入播放器
我希望soundcloud嵌入式播放器在桌面上很大，在手機上很小。我似乎無法完成這項工作。固定大小看起來令人驚訝的桌面上，但在移動過大：
http://jmobley23.wpengine.com/project/veronica-mars-movie/
具有最大寬度和高度設置爲％100的球員看上去很不錯的手機，但在桌面上過小：
http://jmobley23.wpengine.com/project/hateful-8-trailer/
對於愛神之人，我該如何解決？
感謝您提供的任何幫助。
您可以在body tag添加一些mobile detection類，你的主題header.php必須有：
<body <?php body_class(); ?>>
然後在functions.php添加過濾器：
add_filter('body_class', 'body_class_so_25951935');
function body_class_so_25951935($classes) {
if(wp_is_mobile()) {
$classes[] = 'mobile';
} else {
$classes[] = 'desktop';
}
return $classes;
}
最後，CSS：
body.mobile .soundcloud-object {
/* your rules */
}
移動檢測可以用MobileDetect之類的東西進行微調，如blog post所示。
請發佈您的一些CSS或一些相關的代碼，以幫助社區幫助您 – Matt 2014-09-20 18:28:35
我唯一真正擁有的是嵌入代碼。儘管我在Wordpress中弄髒了填充和對象容器的大小，但那是一個死路一條。因此，真的沒有什麼可顯示的。 – jmob 2014-09-20 18:49:25