在上周,舉世矚目的iphoneX發布了;但是……據說能拿到手要等到11月!
不知道果粉們……腎準備好了沒?
作為會代碼又略懂點設計的程序員,繪制它不是問題!可以分分鐘送你一部!哈哈,今天就來用css樣式繪制一臺蘋果最新的手機!
效果如下:
實現代碼也非常簡單:
html:
css:
附上要用到的背景圖:
近有需求要實現用一個網址,在手機和電腦上實現不一樣的效果。這種需求最好是使用響應式來實現,但我只有一個頁面有這種需求,寫響應式工作量太大,直接寫2個頁面做個移動端跳轉。
同一個網址,在電腦和手機上展示不一樣的效果
只有當手機打開時才需要跳轉到指定頁面,電腦打開時不用跳轉。這樣同一個鏈接就在電腦端和手機端實現不一樣的展示效果。
試了試下面2個方法:
<meta http-equiv="mobile-agent" content="format=xhtml;url=http://www.XX.com/1.html">
<script type="text/javascript">uaredirect("http://www.XX.com/1.html");</script>
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') !=-1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="http://www.XX.com/1.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
保存記錄!
i,大家好,我是極客君。
自iPhone X之后,蘋果系列手機就舍棄home鍵,開始了全屏操作時代。老款蘋果機例如iPhone6系、7系和8系的用戶們雖然也對全屏感興趣,但是手上機型如此抗造,換手機又舍不得……極客君近日有閑,研究了一把從iPhone 6升級至iPhone X全面屏的操作,研究時間近一周,實際操作卻簡單,感興趣的果粉們看過來吧。
不過極客君事先聲明,朋友須謹慎操作,不然很容易變成白蘋果,到時候哭著找極客君,極客君也沒有辦法哦!真有大膽要嘗試的朋友也一定一定一定要記得備份重要數據!
聲明結束,干貨開始:
工具必備:升級iPhone 6一部,蘋果電腦一臺(用來下載工具),蘋果數據線一根
步驟一:工具下載
用蘋果電腦(其他電腦不可以)網頁打開網址(下載鏈接:https://www.abcydia.com/read-17917.html)下載工具,下載0.9.8版本安裝到桌面。下載下來后圖標長這樣↓
步驟二:手機連接電腦
安裝好之后,手機數據線連接電腦。連接后點擊下一步,按照提示進行操作,會自動進入恢復模式。再就是根據提示進入DFU模式,然后會自動越獄。越獄成功后電腦顯示如下圖↓
圖片拍的有點歪哈哈
步驟三:下載應用
越獄成功后手機會出現上述的這個圖標,點擊進去下載cydia app
步驟四:下載cydia app
下載成功后就會顯示商店的圖標(如果提示連接失敗或者網絡超時,emmm~~那就是找wai網了,老規矩,大家應該懂吧)。
步驟五:在cydia下載全面屏手勢
進入軟件商店里添加相對應的源,下載操作iPhone X手勢就可以了,之后想要什么手勢都可以自己調節。
聽起來是不是so 簡單!但是看起來簡單其實操作有難度哦,無比備份數據,另外家里沒有蘋果電腦的小伙伴可以再windows系統上下載虛擬版mac,雖然麻煩,但是也可以嘗試!如果有操作不明白的地方,可以進入極客修真愛嘮嗑團,在極客修公眾號后臺回復"極客君"就可以進群啦!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。