為什么個(gè)人感覺手機(jī)不會(huì)有廣告彈窗（不打開瀏覽器或者不正規(guī)網(wǎng)站）但是電腦哪怕在桌面待機(jī)都可能會(huì)有很多廣告彈窗且難以關(guān)閉？提問者所說的電腦廣告彈出窗口應(yīng)該是指windows系統(tǒng)的電腦。因?yàn)閺棾鍪綇V告可以給

為什么個(gè)人感覺手機(jī)不會(huì)有廣告彈窗（不打開瀏覽器或者不正規(guī)網(wǎng)站）但是電腦哪怕在桌面待機(jī)都可能會(huì)有很多廣告彈窗且難以關(guān)閉？

提問者所說的電腦廣告彈出窗口應(yīng)該是指windows系統(tǒng)的電腦。因?yàn)閺棾鍪綇V告可以給程序廠商帶來收入，而微軟對安裝程序沒有嚴(yán)格的審核機(jī)制，導(dǎo)致彈出式廣告泛濫。相比之下，蘋果沒有彈出廣告，因?yàn)樘O果對程序有嚴(yán)格的審核機(jī)制，有彈出廣告的程序無法通過審核。手機(jī)上彈出廣告少的原因不是技術(shù)問題。主要原因是手機(jī)屏幕太小。如果彈出廣告窗口過大，會(huì)影響使用。如果太小，用戶看不清廣告內(nèi)容，而關(guān)閉按鈕又因?yàn)樘《灰钻P(guān)閉，這將嚴(yán)重影響用戶體驗(yàn)?？赡芤鸱锤校遁d程序。所以移動(dòng)廣告一般不使用彈出模式，而是使用廣告頁面，當(dāng)應(yīng)用程序打開幾秒鐘后會(huì)自動(dòng)關(guān)閉。

HTML5頁面的彈出框，手機(jī)輸入法打開后遮住了彈出框，如何解決？

因?yàn)檫@是shell層的定位問題，如果定位是固定的，用戶將無法向上滾動(dòng)查看輸入框。如果它定位為絕對，用戶可以向上滑動(dòng)頁面以查看輸入框。這兩種形式都有不好的經(jīng)驗(yàn)。它可以由JS控制。當(dāng)用戶單擊輸入框時(shí)，可以在線移動(dòng)shell層并修改top值。

什么是h5頁面？

首先，H5不是一種技術(shù)，而是一種標(biāo)準(zhǔn)，一種技術(shù)的集合。

其次，我們需要知道什么是HTML語言，

它是一種描述性語言，全稱為“超文本標(biāo)記語言”。我們使用的網(wǎng)頁是用HTML語言制作的。H5是HTML的第五個(gè)版本，在這個(gè)版本中添加了許多特性，例如：

1。拖放、自定義屬性、語義內(nèi)容標(biāo)簽、音頻、視頻、畫布、畫布、地理API、本地脫機(jī)存儲(chǔ)。

但是，H5還有一個(gè)寬泛的術(shù)語，包括新的C3功能，例如：1。顏色：新RGBA，HSLA模式

2。文字陰影

3。邊框半徑：長方體陰影

4。盒子大小

5。背景大小，背景原點(diǎn)，背景剪輯

6。梯度：線性梯度，徑向梯度

7。過渡：動(dòng)畫過渡

8。自定義動(dòng)畫@keyfrom

9。媒體查詢多欄布局@媒體屏幕和（寬度：800px) {… }

10. 邊框圖像

11。2D變換：平移（x，y）旋轉(zhuǎn)（x，y）傾斜（x，y）縮放（x，y）

12。三維變換

13。字體圖標(biāo)字體臉

14。靈活布局flex

??先h5不是一項(xiàng)技術(shù)，而是一個(gè)標(biāo)準(zhǔn)，一個(gè)技術(shù)的集合.

其次就要知道什么是HTML語言，

它是一種描述性語言，全名“HyperTextMarkupLanguage（超文本標(biāo)記語言）”，我們所使用的頁面就是用html語言語言制作的。而h5就是HTML的第5個(gè)版本， 而在這個(gè)版本中自增了許多特性，

例如:

1. 拖拽釋放，自定義屬性，語義化更好的內(nèi)容標(biāo)簽，音頻 ，視頻(audio， video) ，畫布Canvas， 地理(Geolocation) API， 本地離線存儲(chǔ).

然而h5也有廣義的說法，其中包含新增的c3特性，例如:1. 顏色: 新增RGBA ， HSLA模式

2. 文字陰影(text-shadow)

3. 邊框: 圓角(border-radius) 邊框陰影 : box-shadow

4. 盒子模型: box-sizing

5. 背景:background-size background-origin background-clip

6. 漸變: linear-gradient ， radial-gradient

7. 過渡 : transition 可實(shí)現(xiàn)動(dòng)畫

8. 自定義動(dòng)畫 animate @keyfrom

9. 媒體查詢 多欄布局 @media screen and (width:800px) {…}

10. border-image

11. 2D轉(zhuǎn)換transform: translate(x，y) rotate(x，y) skew(x，y) scale(x，y)

12. 3D轉(zhuǎn)換

13. 字體圖標(biāo) font-face

14. 彈性布局flex

更多知識(shí)請關(guān) 注黑馬程序員哦~