、
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
1.name="viewport" //設(shè)置視口(網(wǎng)頁可繪制的區(qū)域)
2.width=device-width //應(yīng)用程序的寬度和屏幕的寬度是一樣的
3.height=device-height //應(yīng)用程序的高度和屏幕的高是一樣的
4.initial-scale=1.0 //應(yīng)用程序啟動(dòng)時(shí)候的縮放尺度(1.0表示不縮放)
5.minimum-scale=1.0 //用戶可以縮放到的最小尺度(1.0表示不縮放)
6.maximum-scale=1.0 //用戶可以放大到的最大尺度(1.0表示不縮放)
7.user-scalable=no //用戶是否可以通過他的手勢(shì)來縮放整個(gè)應(yīng)用程序,使應(yīng)用程序的尺度發(fā)生一個(gè)改變(yes/no)
二、
<meta name="viewport" content="target-densitydpi=device-dpi, width=480px, user-scalable=no">
1.target-densitydpi=device-dpi //指定屏幕像素密度DPI,device-dpi 為設(shè)備原本的DPI值,不會(huì)有任何縮放.( dpi是單位,一般指每英寸的像素)
三、
<meta name="apple-mobile-web-app-capable" content="yes">
//說明:網(wǎng)站開啟對(duì)web app程序的支持
1.apple-mobile-web-app-capable //
2.content="yes" //是否開啟(開啟)
四、
<meta http-equiv="X-UA-Compatible" content="IE=edge">
//強(qiáng)制使用ie最新內(nèi)核模式渲染
五、
<meta name="format-detection" content="telephone=no">
當(dāng)該 HTML 頁面在手機(jī)上瀏覽時(shí),該標(biāo)簽用于指定是否將網(wǎng)頁內(nèi)容中的手機(jī)號(hào)碼顯示為撥號(hào)的超鏈接
在 iPhone 上默認(rèn)值是:
<meta name="format-detection" content="telephone=yes"/>
如果你不希望手機(jī)自動(dòng)將網(wǎng)頁中的電話號(hào)碼顯示為撥號(hào)的超鏈接,那么可以這樣寫:
<meta name="format-detection" content="telephone=no"/>
六、
<meta content="email=no" name="format-detection" />//將不識(shí)別郵箱,告訴設(shè)備忽略將頁面中的數(shù)字識(shí)別為電話號(hào)碼 。
七、
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
在web app應(yīng)用下狀態(tài)條(屏幕頂部條)的顏色;
默認(rèn)值為default(白色),可以定為black(黑色)和black-translucent(灰色半透明)。
注意:若值為“black-translucent”將會(huì)占據(jù)頁面px位置,浮在頁面上方(會(huì)覆蓋頁面20px高度–iphone4和itouch4的Retina屏幕為40px)。
八、
<meta name="apple-touch-fullscreen" content="yes">
//"添加到主屏幕“后,全屏顯示
九、
<meta name="apple-mobile-web-app-capable" content="yes" />
//這meta的作用就是刪除默認(rèn)的蘋果工具欄和菜單欄。content有兩個(gè)值”yes”和”no”,當(dāng)我們需要顯示工具欄和菜單欄時(shí),這個(gè)行meta就不用加了,默認(rèn)就是顯示。
十、
蘋果web app其他設(shè)置:
1).<link rel="apple-touch-icon-precomposed" href="iphone_milanoo.png" />
說明:這個(gè)link就是設(shè)置web app的放置主屏幕上icon文件路徑。
使用:該路徑需要注意的就是放到將網(wǎng)站的文檔根目錄下但不是服務(wù)器的文檔的根目錄。圖片尺寸可以設(shè)定為57*57(px)或者Retina可以定為114*114(px),ipad尺寸為72*72(px)。
2).<link rel="apple-touch-startup-image" href="milanoo_startup.png" />
說明:這個(gè)link就是設(shè)置啟動(dòng)時(shí)候的界面(圖片五),放置的路勁和上面類似。
使用:該路徑需要注意的就是放到將網(wǎng)站的文檔根目錄下但不是服務(wù)器的文檔的根目錄。官方規(guī)定啟動(dòng)界面的尺寸必須為 320*640(px),原本以為Retina屏幕可以支持雙倍,但是不支持,圖片顯示不出來。
十一、
<META NAME="MobileOptimized" CONTENT="240">
//瀏覽器不會(huì)自動(dòng)調(diào)整文件的大小,也就是說是固定大小,不會(huì)隨著瀏覽器拉伸縮放。
想了解更多,請(qǐng)關(guān)注訂閱我們的頭條號(hào):IT點(diǎn)點(diǎn)滴,每天更新一篇您身邊的IT點(diǎn)點(diǎn)滴
PConline 資訊】雖然安卓并沒有如同iOS、Ubuntu Mobile那樣原生自帶大量手勢(shì),但通過第三方App,安卓也能夠用手勢(shì)實(shí)現(xiàn)大部分操作。安卓上最好的手勢(shì)App是什么呢?GMD當(dāng)仁不讓!GMD是安卓上功能最強(qiáng)的手勢(shì)App,安裝GMD后,安卓甚至可以實(shí)現(xiàn)比iOS更強(qiáng)大的手勢(shì)功能。現(xiàn)在GMD發(fā)布了8.0新版,帶來了全新的設(shè)計(jì),更適合安卓5.0使用。
軟件名稱: | GMD手勢(shì)控制 |
軟件版本: | 8.0.0 |
軟件大小: | 3.46MB |
軟件授權(quán): | 免費(fèi) |
適用平臺(tái): | Android |
下載地址: | http://dl.pconline.com.cn/download/78219.html |
GMD 8.0新版,使用全新設(shè)計(jì)的Material Design界面
GMD 8.0使用了安卓5.0的Material Design設(shè)計(jì),更適合安卓5.0使用。在功能方面,GMD 8.0一如既往地強(qiáng),可以自定義手勢(shì)軌跡,實(shí)現(xiàn)各種操作。比如說你可以利用自定義的手勢(shì)開啟特定App,也可以利用自定義手勢(shì)實(shí)現(xiàn)返回桌面等功能。如果你用的是安卓平板,GMD帶來的各種手勢(shì)更是不容錯(cuò)過。
功能依然強(qiáng)大
GMD 8.0需要root權(quán)限才能完美發(fā)揮作用,現(xiàn)在安卓5.0、5.1都已經(jīng)可以通過刷入Super Su直接實(shí)現(xiàn)root,GMD 8.0用起來應(yīng)該問題不大。
【推薦】用PConline官方客戶端下載
本文中,我們將討論跨瀏覽器兼容性的重要性,探討該領(lǐng)域的常見問題、最佳實(shí)踐和新興趨勢(shì)。
瀏覽器兼容性是一個(gè)術(shù)語,指的是特定網(wǎng)站和應(yīng)用程序在不同瀏覽器上完全正常運(yùn)行的能力。在這個(gè)現(xiàn)代數(shù)字世界中,企業(yè)嚴(yán)重依賴其在線形象來吸引和留住客戶,因此網(wǎng)站應(yīng)該可以跨不同的設(shè)備和瀏覽器訪問,以確保無縫的用戶體驗(yàn)。
不同的瀏覽器應(yīng)該與網(wǎng)站的 HTML、CSS 和 JavaScript 兼容。在本文中,我們將討論跨瀏覽器兼容性的重要性,探討該領(lǐng)域的常見問題、最佳實(shí)踐和新興趨勢(shì)。
瀏覽器兼容性測(cè)試是一種非功能性測(cè)試,可確保所有功能在不同的瀏覽器(如 Microsoft Edge、Google Chrome、Safari 等)上正常工作。由于所有瀏覽器都有自己的配置和代碼解釋,因此瀏覽器兼容性確保了應(yīng)用程序的一致性。但是,由于兼容性問題,網(wǎng)站在不同的瀏覽器上可能會(huì)有不同的反應(yīng),此時(shí),瀏覽器兼容性測(cè)試對(duì)于確保完美的用戶體驗(yàn)起著至關(guān)重要的作用。
市場(chǎng)上有多種 Web 瀏覽器,每個(gè)瀏覽器都有其渲染引擎和對(duì) Web 技術(shù)的解釋,確保您的 Web 瀏覽器在它們之間一致地工作可能是一項(xiàng)復(fù)雜的任務(wù)。這可以通過使用 Web 標(biāo)準(zhǔn)來完成,這些標(biāo)準(zhǔn)是關(guān)于如何對(duì)網(wǎng)頁進(jìn)行編碼的商定指南。當(dāng)瀏覽器遇到根據(jù) Web 標(biāo)準(zhǔn)編碼的網(wǎng)頁時(shí),它應(yīng)該能夠正確呈現(xiàn)該頁面,而不管瀏覽器自己對(duì)這些標(biāo)準(zhǔn)的實(shí)現(xiàn)如何。
每個(gè)瀏覽器都有自己的渲染引擎,用于解釋 HTML、CSS 和 JavaScript 代碼,并將其呈現(xiàn)為用戶可以與之交互的可視化表示形式。例如,Google Chrome 使用 Blink,Mozilla Firefox 使用 Gecko,而 Safari 使用 WebKit。
為確保跨瀏覽器兼容性,Web 開發(fā)人員和設(shè)計(jì)人員必須在不同的瀏覽器上測(cè)試他們的網(wǎng)站,以識(shí)別和修復(fù)任何差異或錯(cuò)誤。他們還可以使用工具和框架來幫助簡(jiǎn)化測(cè)試過程并確保不同瀏覽器之間的兼容性。
為確保流暢的跨瀏覽器體驗(yàn),您需要了解與開發(fā)相關(guān)的最常見的跨瀏覽器兼容性問題。
跨瀏覽器兼容性測(cè)試的主要目標(biāo)是標(biāo)記和解決用戶從不同應(yīng)用程序訪問您的網(wǎng)站時(shí)的錯(cuò)誤和錯(cuò)誤。確保您的網(wǎng)站或 Web 應(yīng)用程序正常運(yùn)行并在不同的 Web 瀏覽器和版本中一致地顯示至關(guān)重要。
以下是一些關(guān)鍵注意事項(xiàng):
隨著數(shù)字世界不斷發(fā)展和更新,新版本和設(shè)備變得過時(shí),跨瀏覽器測(cè)試對(duì)于確保網(wǎng)站和 Web 應(yīng)用程序按預(yù)期工作至關(guān)重要。在今天的這篇文章中,我們了解了瀏覽器兼容性及其重要性以及與之相關(guān)的問題。跨瀏覽器兼容性是一個(gè)持續(xù)的挑戰(zhàn),但通過正確的方法和最佳實(shí)踐,我們可以在未來使其更加多樣化和動(dòng)態(tài)。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。