要如何讓modal變成全螢幕顯示

asp.net core

4A790050 2021-01-06 15:44:43 ‧ 1126 瀏覽

分享至

小弟我上網找到了程式碼....可是我不知道要把他加在我那段modal哪裡求助各位大神
.modal {
padding: 0 !important;
}
.modal .modal-dialog {
width: 100%;
max-width: none;
height: 100%;
margin: 0;
}
.modal .modal-content {
height: 100%;
border: 0;
border-radius: 0;
}
.modal .modal-body {
overflow-y: auto;
}

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2021-01-06 15:53:30

這是程式碼!!!!!!

你該不會還搞不懂什麼是css，什麼是html，啥是程式碼吧???
這是css。你要放進去你的css裏使用。

回應 2
分享
檢舉

4A790050 iT邦新手 5 級 ‧ 2021-01-06 16:41:19 檢舉

喔喔喔感謝浩哥的當頭棒喝我應該了解怎麼做了我去試試

4A790050 iT邦新手 5 級 ‧ 2021-01-06 16:49:27 檢舉

是放在這裡嗎

登入發表回應

japhenchen

iT邦超人 1 級 ‧ 2021-01-06 16:05:53

HTML+CSS全螢幕？

我只知道Google Chrome跟Microsoft Edge 可以用 -kiosk 啟動成全螢幕的"資訊站"模式，至於HTML+CSS做全螢幕(無邊框無功能列無ESC解除全螢幕無狀態列).......我沒做過但也知道這是不被設備安全規範允許

回應 2
分享
檢舉

player iT邦大師 1 級 ‧ 2021-01-06 18:29:30 檢舉

FireFox有個
https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API/Guide

function toggleFullScreen() {
if (!document.fullscreenElement) {
document.documentElement.requestFullscreen();
} else {
if (document.exitFullscreen) {
document.exitFullscreen();
}
}
}