1.@media可以針對不同的螢幕尺寸設定不同的樣式,特別是如果你需要設定設計響應式的頁面,@media是非常有用的。當你重置瀏覽器大小的過程中,頁面也會根據瀏覽器的寬度和高度重新渲染頁面。
//文件寬度小於300畫素則修改背景顏色@media screen and (max-width:300px)
}
2.關於專案中多語言時字型顯示的處理。最近在專案中遇到日文下文字被解析成中文繁體的問題,經調查發現是整個專案引入的字型導致的。我們在專案整體中引入日語字型,把它放在最前面還是會被覆蓋掉,於是只能通過js+css來解決問題。
//在專案中語言切換的方法裡獲取當前語言,並賦值給html的lang屬性
document.getelementsbytagname('html')[0].lang =_.trim(getpreferences().language);
//在css中寫該屬性對應的樣式
html
*[lang|="ja"]
body:lang(ja)
瞎折騰之日常記錄
所處環境必須是不可描述,且是全域性,全埠。必須用ubuntu官方源,etc apt sources.list不要修改,換成阿里源後還是有些依賴工具裝不上。如下圖,直接去git上查lean官方的最新命令,不要按照網上哪些教程,包括我教程中紅框的,新版本很有可能就變了。理論上官方openwrt和lean...
CSS基礎 瑣碎記錄
關於屬性 vertical align 今天出現乙個問題,table裡面的乙個單元格有乙個text型別的input,然後有一張.我搞了很久,不能垂直居中,我把input去掉,發現自適應又居中了 後來發現vertical align屬性.css基礎 以下內容來自w3c官方解釋 vertical ali...
CSS基礎 瑣碎記錄
tips 大部分都摘自w3c 一,關於選擇器 後代選擇器,什麼是後代選擇器,h1標籤所有子孫元素為em的都會起效果 h1 em子元素選擇器,什麼是子元素選擇器 h1標籤下面的子元素為em的元素.請注意只是兒子元素,孫子元素以及更下層的 h1 em 號兩邊可以有空格符相鄰兄弟選擇器,h1標籤之後的同級...