MSCBSC 移動通信論壇
搜索
登錄注冊
網(wǎng)絡優(yōu)化工程師招聘專欄 4G/LTE通信工程師最新職位列表 通信實習生/應屆生招聘職位

  • 閱讀：766
  • 回復：0
 網(wǎng)頁開發(fā)者注意了，你需要這樣為 iPhone X 優(yōu)化
mao_mao
論壇副管
鎵嬫満鍙風爜宸查獙璇? style=


 發(fā)短消息    關注Ta 

C友·鐵桿勛章   管理·勤奮勛章   C友·進步勛章   管理·優(yōu)秀勛章   C友·貢獻勛章   “灌水之王”   紀念勛章·七周年   管理·標兵勛章   活動·積極勛章   財富勛章·財運連連   財富勛章·大富豪   財富勛章·小財主   專家·終級勛章   財富勛章·神秘富豪   C友·登錄達人   紀念勛章·五周年   財富勛章·富可敵國   財富勛章·財神   財富勛章·富甲一方   財富勛章·鉆石王老五   活動·第二屆通信技術杯   紀念勛章·六周年   活動·攝影達人   紀念勛章·八周年   紀念勛章·九周年   紀念勛章·十周年   C友·技術大神  
積分 428896
帖子 85070
威望 5522560 個
禮品券 5423 個
專家指數(shù) 3546
注冊 2009-4-24
專業(yè)方向  移動通信
回答問題數(shù) 0
回答被采納數(shù) 0
回答采納率 0%
  大 中 小
發(fā)表于 2017-09-23 19:36:17  只看樓主 

今天，Safari 網(wǎng)頁瀏覽器引擎 WebKit 的團隊在博客上詳細講述了設計師應該如何為 iPhone X 優(yōu)化自己的網(wǎng)站。iPhone X 頂部有“劉�！�，這里包含了很多傳感器。對于網(wǎng)頁設計人員和開發(fā)人員來說，這意味著新的挑戰(zhàn)。

蘋果嘗試將網(wǎng)頁內(nèi)容移動至沒有“劉海”的那一測解決這個問題。不過對于全屏設計的網(wǎng)頁來說，這個解決方案可能并不夠好。文檔中提到了在網(wǎng)頁的 meta 中使用 viewport-fit=cover，這樣的話網(wǎng)頁不會拉伸至整個屏幕，讓顯示屏看起來很怪。

當 viewport 調整之后，下一步就是要利用 iPhone X 安全區(qū)域進行網(wǎng)頁設計。在安全區(qū)域下，網(wǎng)頁內(nèi)容不會受到劉海、底部 Home 指示器以及圓角的影響。對于設計師來說，iPhone X 這樣的設計比較尷尬，因為剛剛移除了邊框，又加入了無形的邊框，讓整體屏幕受到了影響。點擊這里查看設計指導。



掃碼關注5G通信官方公眾號,免費領取以下5G精品資料
  • 1、回復“YD5GAI”免費領取《中國移動：5G網(wǎng)絡AI應用典型場景技術解決方案白皮書》
  • 2、回復“5G6G”免費領取《5G_6G毫米波測試技術白皮書-2022_03-21》
  • 3、回復“YD6G”免費領取《中國移動：6G至簡無線接入網(wǎng)白皮書》
  • 4、回復“LTBPS”免費領取《《中國聯(lián)通5G終端白皮書》》
  • 5、回復“ZGDX”免費領取《中國電信5G NTN技術白皮書》
  • 6、回復“TXSB”免費領取《通信設備安裝工程施工工藝圖解》
  • 7、回復“YDSL”免費領取《中國移動算力并網(wǎng)白皮書》
  • 8、回復“5GX3”免費領取《 R16 23501-g60 5G的系統(tǒng)架構1》

    • 對本帖內(nèi)容的看法？ 我要點評

     
    [充值威望，立即自動到帳] [VIP貴賓權限+威望套餐] 另有大量優(yōu)惠贈送活動，請光臨充值中心
    充值擁有大量的威望和最高的下載權限，下載站內(nèi)資料無憂

    快速回復主題    
    標題
    內(nèi)容
     上傳資料請點左側【添加附件】

    當前時區(qū) GMT+8, 現(xiàn)在時間是 2025-04-15 14:09:17
    渝ICP備11001752號  Copyright @ 2006-2016 mscbsc.com  本站統(tǒng)一服務郵箱：mscbsc@163.com

    Processed in 0.418016 second(s), 13 queries , Gzip enabled
    TOP
    清除 Cookies - 聯(lián)系我們 - 移動通信網(wǎng) - 移動通信論壇 - 通信招聘網(wǎng) - Archiver