工作中遇到的問題總結1(css類)

2021-07-25 04:52:34 字數 2020 閱讀 5757

問題一:

font-family:\5fae\8f6f\96c5\9ed1;

解決:\5fae\8f6f\96c5\9ed1應該是unicode編碼格式,為了在頁面中不顯示中文的相容方法,等價於:

font-family:「微軟雅黑」 或

font-family:「microsoft yahe」

為什麼:

對於乙個從事前端網頁製作的朋友來說,可能會遇到過這樣的問題,就是在css裡像這樣設定某物件的字型:font-family:1.5em/1.75,』黑體』,arial; 結果有些時候不起作用,用firebug來檢視才發現瀏覽器解釋這個**的時候,出現亂碼了,所以不起作用。

那怎麼解決這個亂碼問題呢,由於css檔案基本都是utf-8的編碼模式,所以我們可以把中文字型的名稱用相應的unicode編碼來代替,這樣就可以有效的避免瀏覽器解釋css**時候出現亂碼的問題。

比如中文字型「宋體」經過unicode編碼後為「\5b8b\4f53″,在css中就可以這樣寫:font-family:』 \5b8b\4f53』;

平時我們也可以借助firefox的外掛程式firebug來查詢所需中文字型對應的 unicode編碼,方法很簡單,就是開啟firefox,然後開啟firebug,在「控制台」裡底部「>>>」的後面像這樣輸入 「escape(『黑體』)」,然後會顯示乙個錯誤資訊,*** is not defined 前面的部分就是中文字型「黑體」對應的unicode編碼「\9ed1\4f53」,注意命令符裡的符號都是英文符號,否則可能會出錯。

問題二:

關於@media的使用

我們用min-width時,小的放上面大的在下面,同理如果是用max-width那麼就是大的在上面,小的在下面

@media (min-width: 768px)

@media (min-width: 992px)

@media (min-width: 1200) 或

@media (max-width: 1199)

@media (max-width: 991px)

@media (max-width: 767px)

問題三:

基於rem

給html根節點設定乙個基礎font-size值,然後頁面的所有元素布局均相對於該font-size值採用rem單位設定。那麼基礎的font-size值該如何取呢?

假如通過**查詢設定font-size,只能解決一部分的情況,而且並不能完成適配,因為手機螢幕寬度型別實在太多了,所以font-size的取值要通過js計算,

取當前viewport的devicewidth與設計稿的寬 的 比例值,例如:我們的設計稿尺寸都是640px的,iphone5的devicewidth是320px,那麼計算出來的font-size值就是 320 / 640 = 0.5,因為得出的font-size太小,不方便計算,且有的瀏覽器可能不相容太小字型大小,所以將font-size放大100倍,所以最終計算出來的font-size為 320 / 640 * 100 = 50(px); 

(function () , false);

})();

// 這個6.4就是根據設計稿的橫向寬度來確定的,假如你的設計稿是750

// 那麼 html.style.fontsize = windowwidth / 7.5 + 'px';

假如通過**查詢設定font-size,只能解決一部分的情況,而且並不能完成適配,因為手機螢幕寬度型別實在太多了,所以font-size的取值要通過js計算,取當前viewport的devicewidth與設計稿的寬 的 比例值,例如:我們的設計稿尺寸都是640px的,iphone5的devicewidth是320px,那麼計算出來的font-size值就是 320 / 640 = 0.5,因為得出的font-size太小,不方便計算,且有的瀏覽器可能不相容太小字型大小,所以將font-size放大100倍,所以最終計算出來的font-size為 320 / 640 * 100 = 50(px); 

工作中遇到的問題總結1

問題 1 linq to object 注意區分大小寫。var caserefundlist entity.up refund info caseapirefund getlist accountname.tolower select m new 上述用於up refund info caseapi...

工作中遇到的問題總結

背景 今天測試班主任工作台介面的時候遇到乙個問題,介面測試的時候需要登入資訊,但是header資訊裡我通過全域性變數獲取正確的token資訊後,調介面時發現還是提示需要重新登入 原因 後來請教了我的師傅,原來是班主任工作台嵌服務中心頁面的原因,所以登入的時候需要兩個token資訊,乙個用來登入班主任...

工作中問題的總結1

1.磁碟托盤裡面並沒有硬碟,但是 顯示紅色報警 解決方法 進入raid介面,刪除磁碟組,原因分析 之前做過raid,但是,把磁碟用作了他用,所以,此機器認為是磁碟壞了,報警。空磁碟與壞盤,做完raid之後,伺服器都會報警 2.問題描述 公司新到的交換機,配好圍欄之後,內網全通,但ping外網的時候,...