Zi 字媒體
2017-07-25T20:27:27+00:00
HTML5中,可以透過Fullscreen將畫面變成全螢幕顯示
使用方法
Javascript
//選擇要全螢幕的元素
var el = document.getElementById('content');
if (el.requestFullScreen) {
el.requestFullScreen();
} else if (el.mozRequestFullScreen) {
//Firefox
el.mozRequestFullScreen();
} else {
//Chrome
el.webkitRequestFullScreen();
}
CSS
#content:full-screen {background:#FFF;}
#content:-moz-full-screen {background:#FFF;}
#content:-webkit-full-screen {background:#FFF;}
/* child selector */
#content:full-screen li {font-size:20px;}
#content:-moz-full-screen li {font-size:20px;}
#content:-webkit-full-screen li {font-size:20px;}
Categories: JavaScriptWebDesign
分類
Android
AngularJS
API Blueprint
Chrome
Database
MySQL
DataStructure
Docker
Editor
Vim
Firefox
Git
GitLab
Google API
Hadoop
HTTP
Language
Go
Java
JavaScript
jQuery
jQueryChart
Node.js
Vue
Vue-CLI
PHP
Laravel
Lumen
ZendFramework
Python
Mac
Network
Cisco
DLink
Juniper
Oauth
Server
Apache
Share
Unix
FreeBSD
Linux
WebDesign
Bootstrap
CSS
HTML
Wordpress
Search
搜尋關鍵字:
寫了
5860316篇文章,獲得
23313次喜歡