国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
當前位置: 首頁 - 科技 - 知識百科 - 正文

HTML5實戰與剖析之判斷移動端橫屏豎屏功能

來源:懂視網 責編:小OO 時間:2020-11-27 15:12:55
文檔

HTML5實戰與剖析之判斷移動端橫屏豎屏功能

用CSS判斷橫屏豎屏問題。CSS代碼如下。1、 @media (orientation: portrait) { } 橫屏 @media (orientation: landscape) { }豎屏2、 <;link rel=";stylesheet";media=";all and (orientation:portrait)";href=";portrait.css";>;橫屏 <;link rel=";stylesheet";media=";all and (orientation:landscape)";href=";landscape.css"。
推薦度:
導讀用CSS判斷橫屏豎屏問題。CSS代碼如下。1、 @media (orientation: portrait) { } 橫屏 @media (orientation: landscape) { }豎屏2、 <;link rel=";stylesheet";media=";all and (orientation:portrait)";href=";portrait.css";>;橫屏 <;link rel=";stylesheet";media=";all and (orientation:landscape)";href=";landscape.css"。

  在手機端經常游走的我們很多時候都會對橫屏和豎屏的概念比較熟悉,大家都經常頭疼怎么才能判斷這橫屏和豎屏的狀態呢,今兒夢龍就為大家分享分享。

  用CSS判斷橫屏豎屏問題。CSS代碼如下

 1、
 @media (orientation: portrait) { } 橫屏
 @media (orientation: landscape) { }豎屏
 
 2、
 <link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">橫屏
 <link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">豎屏

  用JavaScript判斷橫屏豎屏問題。JavaScript代碼如下

//判斷手機橫豎屏狀態:
function hengshuping(){
 if(window.orientation==180||window.orientation==0){
 alert("豎屏狀態!") 
 }
if(window.orientation==90||window.orientation==-90){
 alert("橫屏狀態!") 
 }
 }
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);

//移動端的瀏覽器一般都支持window.orientation這個參數,通過這個參數可以判斷出手機是處在橫屏還是豎屏狀態。
從而根據實際需求而執行相應的程序。通過添加監聽事件onorientationchange,進行執行就可以了。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

HTML5實戰與剖析之判斷移動端橫屏豎屏功能

用CSS判斷橫屏豎屏問題。CSS代碼如下。1、 @media (orientation: portrait) { } 橫屏 @media (orientation: landscape) { }豎屏2、 <;link rel=";stylesheet";media=";all and (orientation:portrait)";href=";portrait.css";>;橫屏 <;link rel=";stylesheet";media=";all and (orientation:landscape)";href=";landscape.css"。
推薦度:
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top 主站蜘蛛池模板: 伊人黄 | 久久久久久亚洲精品中文字幕 | 色综合久久中文字幕综合网 | 国产精品亚洲一区二区三区在线播放 | 在线免费国产 | 国产日本精品 | 成人一区在线 | 国产日韩欧美91 | 亚洲精品国产字幕久久vr | 亚洲国产欧美国产综合一区 | 国产精品免费大片一区二区 | 欧美一区二区三区视频 | 欧美日韩 在线播放 | 日韩欧美精品一区二区 | 久久精品国产亚洲精品2020 | 黄色网站在线观看视频 | 国产成人综合久久精品亚洲 | 亚洲国产精品电影 | 日韩视频免费在线观看 | 亚洲综合色婷婷 | 免费观看a毛片一区二区不卡 | 全免费a级毛片免费看不卡 青青色在线视频 | 一级大毛片 | 亚洲综合视频一区 | 精品视频第一页 | 精品日本一区二区三区在线观看 | 国产在线视频专区 | 亚洲综合欧美 | 国产成人h福利小视频在线观看 | 97一区二区三区四区久久 | 国产最新在线视频 | 欧美成人高清在线视频大全 | 欧美 韩国 精品 另类 综合 | 亚洲视频在线观看免费 | 国产日韩一区二区三区 | 国内视频一区二区三区 | 阿v精品一区二区三区 | 亚洲最新| 精品一区二区三区的国产在线观看 | 操碰97| 一级毛片免费看 |