我正在尝试将日历嵌入我的网站。我能够做到。但是,当我从手机查看网站时,我需要向下滚动日历。所以我删除了滚动条。我在我的 shopify 商店的“自定义液体”中使用了以下代码。该解决方案适用于移动设备,但现在当我从桌面查看网站时,日历与其下方的文本之间存在很大差距。我使用了媒体查询,但它不起作用。如果有人可以帮助我,我将不胜感激。
网站:disashharma.ca 网址:https ://www.disshasharma.ca/products/happiness-and- purpose-coaching-per-session 截图 - https://i.stack.imgur.com/2Jwtn.png
<div class="calendly">
<iframe id="myIframe" width="100%" height="1050px" scrolling="no" frameborder="0">
</iframe>
</div>
<script>
let myIframe = document.getElementById("myIframe");
let url_string = "https://calendly.com/disha_sharma/session";
let calendlyBackgroundColor = "background_color=e9f4f5";
let adsURL = url_string+"?"+calendlyBackgroundColor;
myIframe.src = adsURL;
</script>
<style type="text/css">
@media only screen and (min-width: 800px) {
.calendly{
height="850px";
}
</style>