練習中遇到的問題及知識點

2022-09-11 11:57:12 字數 2079 閱讀 1141

手機**遇到的

//忽略把頁面的數字識別為**號碼

//約束手機瀏覽器的視口使之與裝置寬度保持1:1

//iphone

裝置中的safari私有meta標籤,它表示:允許全屏模式瀏覽;

//iphone

的私有標籤,它指定的iphone

中safari頂端的狀態條的樣式;

放棄css float屬性用display:block;

如果乙個按鈕有圓角效果,有內發光效果還有高光效果,-webkit-border-image來定義這個按鈕的樣式

塊級化a標籤,因為在觸控手機上,為提公升使用者體驗,盡可能的保證使用者的可點選區域較大。

//忽略android自動識別頁面中的郵件位址

我們知道在ios中,當虛擬鍵盤彈出時,預設情況下鍵盤是開啟首字母大寫的功能的,根據某些業務場景,可能我們需要關閉這個功能,移動版本webkit為 input元素提供了autocapitalize屬性,通過指定autocapitalize=」off」來關閉鍵盤預設首字母大寫。

元素的-webkit-touch-callout屬性,同樣為乙個img標籤指定-webkit-touch-callout為none也會禁止裝置彈出列表按鈕,這樣使用者就無法儲存\複製你的了

文字標籤的-webkit-user-select屬性為none便可以禁止ios使用者選中文字

獲取滾動條的值是通過document.scrolltop和document.scrollleft,android中通過這兩個屬性可以正常獲取到滾動條的值,

在ios中通過window.scrolly和window.scrollx我們可以得到當前視窗的y軸和x軸滾動條的值

當你指定了乙個塊級元素時,並且為其定義了邊框,設定了其寬度為100%。在移動裝置開發過程中我們通常會對文字框定義為寬度100%,將其定義為塊級元 素以實現全屏自適應的樣式,但此時你會發現,該元素的邊框(左右)各1個畫素會溢了文件,導致出現橫向滾動條,為解決這一問題,我們可以為其新增乙個特殊 的樣式-webkit-box-sizing

:border-box;用來指定該盒子的大小包括邊框的寬度。

在對乙個元素定義圓角時,為完全相容android 2.0以下的平台,我們必須要按照以下技巧來定義邊框圓角:

1\-webkit這個字首必須要加上(在ios中,你可以不加,但android中一定要加);

2\如果對針對邊框做樣式定義,比如border:1px solid #000;那麼-webkit-border-radius這屬性必須要出現在border屬性後。

3\假如我們有這樣的視覺元素,左上角和右上角是圓角時,我們必須要先定義全域性的(4個角的圓角值)-webkit-border-

radius:5px;然後再依次的覆蓋左下角和右下角,-webkit-border-bottom-left-radius:0;-webkit-

border-bottom-right-border:0;否則在android

2.0以下的平台中將全部顯示直角,還有記住!-webkit這個字首一定要加上!

解決android平台中頁面無法自適應

html和css都是完全自適應的,但有一天如果你發現你的頁面在android中顯示的並不是自適應的時候,首先請你確認你的head標籤中是否包含以下meta標籤:

1

如果有的話,那請你再仔細的看清楚有沒有這個屬性的值width=device-width,如果沒有請立即加上吧!

新的ios系統也就是4.3版本,公升級後對safari造成了乙個bug:即使你新增了如下的meta標籤,safari仍然會對頁面中的5位連續的數字進行自動識別,並且將其重新渲染樣式,也就是說你的css對該標籤是無效的。

1

我們可以用乙個比較齷齪的辦法來解決。比如說支付寶wap站點中顯示金額的標籤,我們都做了如下改寫:

1

95009.00元

python遇到的知識點

python遇到的知識點,記錄一下。方便學習。查了資料,關於open 的mode引數 r 讀 w 寫 a 追加 r r w 可讀可寫,檔案若不存在就報錯 ioerror w w r 可讀可寫,檔案若不存在就建立 a a r 可追加可寫,檔案若不存在就建立 對應的,如果是二進位制檔案,就都加乙個b就好...

練習鞏固知識點

強制型別轉換 char a int b float c double d 執行語句 c a b c d 後,變數c的資料型別是 由算術表示式表示為c語言的表示式 31.6 8 1 7 12 華氏度和攝氏度的關係是 c 5 f 32 9 c 5 f 32 9 自增運算子 為什麼 結果是12呢?incl...

筆試中遇到的知識點小結(1)

這兩天啃各公司的校招筆試題目,那些知識上的漏洞和忘記的部分能彌補多少就彌補多少,很多細節的問題,就不直接貼上資料和部落格了,在此一一存為連線記錄一下。1 關於字尾表示式,也就是逆波蘭表示式,這是編譯原理裡學過的,我都忘記了,維基百科中的例子一看就懂 2 今天還看到了關於sizeof很細節的乙個東西,...