用CSS在Body上加上下面的屬性
body{ display: grid; grid-template-rows: auto 1fr auto; /* 自動大小的header、撐滿內容的主體、自動大小的footer */ min-height: 100vh; /* 當內容高度不足時,也可以撐開整個頁面的高度 */ margin: 0; }
用CSS在Body上加上下面的屬性
body{ display: grid; grid-template-rows: auto 1fr auto; /* 自動大小的header、撐滿內容的主體、自動大小的footer */ min-height: 100vh; /* 當內容高度不足時,也可以撐開整個頁面的高度 */ margin: 0; }
<iframe src="https://drive.google.com/embeddedfolderview?id={GoogleFolderShareId}#grid" style="min-height:100vh;" height="100%" width="100%" frameborder="0" marginheight="0" marginwidth="0">載入中…</iframe>另外一個可以使用object,好處是當假設目錄是公開的,則任何登入 Google 的人都會看到該目錄的資料夾視圖。否則,就會看到替代的文字鏈接「點擊此連結查看目錄內容」:
<object data="https://drive.google.com/embeddedfolderview?id={GoogleFolderShareId}#grid" width="100%" style="height:100vh" >點擊<a href= "https://drive.google.com/drive/folders/{GoogleFolderShareId}">此連結</a>查看目錄內容</object>
<input class="textInput" id="useremail" name="useremail" autocomplete="new-user-email" type="text"/>google chrome team的回覆如下: