在保持功能的同时调整移动脚本

Question

我想知道是否可以为移动设备调整此计时器的大小，同时保持所有按钮和功能正常工作。

以下是计时器的链接： http://www.intervaltimer.com/timers/1566026

这是嵌入代码：     90秒电路计时器

创建您自己的间隔计时器或下载我们的间隔计时器应用程序

         var Runloop = window.Runloop || {};     （function（）{         Runloop.defs = Runloop.defs || {};         Runloop.defs ['timer1566026'] = {“soundScheme”：5，“type”：3，“name”：“90 Seconds”，“interval”：[{“name”：“Rotate”，“duration”：90 ，“rest”：false，“music”：{“PersistentId”：“0”，“DisplayName”：“No Music”}，“color”：0，“vibration”：false}]，“intervalRest”：{“ name“：”间隔结束“，”持续时间“：10，”rest“：true，”music“：{”PersistentId“：”0“，”DisplayName“：”No Music“}，”color“：0， “振动”：true}，“numberOfSets”：10，“group”：false，“setRest”：{“name”：“set of set”，“duration”：15，“rest”：true，“music”： {“PersistentId”：“0”，“DisplayName”：“No Music”}，“color”：0，“vibration”：true}};

    var script = document.createElement('script');
    script.src = '//s3.amazonaws.com/widget.intervaltimer.com/1/widget.js';
    script.async = true;
    document.body.insertBefore(script, document.body.firstChild);
})();
</script>

我尝试使用css，我甚至尝试删除了几个元素，但它看起来从未如此正确。 这是我到目前为止所做的：

/ * ##计时器 --------------------------------------------- * /

.seconds-timer-container {max-width：100％;}

.seconds-timer {max-width：100％; text-align：center！important;}

.seconds-timer，。second-share-options，p.seconds-interval-remaining，ul.seconds-dashboard {width：100％！important;}

.seconds-share {display：none;}

.seconds-timer ul.seconds-dashboard li.seconds-total-elapsed {display：none;}

.seconds-reset，.seconds-start-stop，.seconds-prev，.seconds-next {width：15％！important;}

.seconds-timer ul.seconds-dashboard li.seconds-total-remaining {display：none;}

.seconds-interval-remaining {display：none;}

希望这里有人可以帮助我:)谢谢！