HTML5 Media query 調查報告模板
第一章 Media query知識點描述
Media query 是一個神奇的技術,他使不同的顯示裝置擁有更合理的顯示效果,該技術允許使用媒體表達式指定媒體型別,然後根據不同的媒體型別來選擇相應的樣式。他的'表示式格式為:
@media 媒體型別 and (裝置特性) {樣式程式碼}
通過指定相應的媒體型別和裝置特性,media query 技術會自動跟你設定的css進行匹配。常用的媒體型別有:screen(電腦顯示器),handheld(便攜裝置),tv(電視及型別裝置)。
裝置特性:min-width,min-hEight等
第二章 技術價值論文聯盟
media query 可幫助我們解決橫屏和豎屏切換問題,使用mediaquery判斷使用者是否已經橫屏,如果橫屏則採用自定義的橫屏樣式的渲染。解決android終端的顯示螢幕的複雜性。
第三章 例項
例項名稱:
在大於960的可用區域下三欄同時顯示,在大於640小於960的情況下,右邊顯示在最下面,在小於640的情況一欄顯示
例項條件:
熟悉dreamweaver
網頁基礎知識
Media query相關知識
實現過程:
建立
寫入html並預覽,拖拽瀏覽器大小
加入css並預覽,拖拽瀏覽器大小
第四章 總結
media query 是在提高使用者體驗上比較重要的一個方面,他幫助我們使不同裝置之間的UI能保持更合理的顯示方式。
-
關於環保調查報告範文
在學習、工作生活中,報告的使用頻率呈上升趨勢,報告根據用途的不同也有著不同的型別。你知道怎樣寫報告才能寫的好嗎?以下是小編精心整理的關於環保調查報告範文,歡迎大家分享。關於環保調查報告範文1環境問題是世界性問題,環境的改善需要每個人的那份力量。而作為...
-
大學生社會實踐調查報告【實用】
隨著人們自身素質提升,報告有著舉足輕重的地位,報告具有語言陳述性的特點。在寫之前,可以先參考範文,以下是小編整理的大學生社會實踐調查報告,僅供參考,歡迎大家閱讀。大學生社會實踐調查報告1在這個炎炎夏日,我迎來了大學生涯的第一個暑假。這個假期我沒有選擇自己...
-
暑假大學生對霧霾的調查報告[優選]
在學習、工作生活中,報告使用的頻率越來越高,報告根據用途的不同也有著不同的型別。相信許多人會覺得報告很難寫吧,以下是小編為大家整理的暑假大學生對霧霾的調查報告,僅供參考,歡迎大家閱讀。調查時間:20xx年xx月xx日調查背景:伴隨著馬年春節的來臨,多次出現的霧霾天...
-
中國小教育現狀調查報告範文
在日常生活和工作中,報告的使用頻率呈上升趨勢,其在寫作上具有一定的竅門。為了讓您不再為寫報告頭疼,下面是小編為大家收集的中國小教育現狀調查報告範文,希望對大家有所幫助。中國小教育現狀調查報告範文1城頭鎮中心國小是江蘇省首批實驗國小和全國首批寫字實驗...
相關文章
- 暑假英語作文之The Summer Holiday
- RECRUITER(Human Resources Department)電子簡歷模板
- Fukushima Watch: Authority Chairman Not Convinced Level 3 Needed
- 外研社英語Module5Unit2《There are fourteen peaches》課後反思
- 中學生暑假英語作文範文:My unforgettable summer holiday
- Could you tell me how to get to the National Stadium ?評課稿大綱
- 暑期安排Summer Holiday Arrangement英語作文
- 常用英語面試口語:Do you feel you made the right
- my summer holiday範文
- 關於暑假計劃英語作文:Plan for the Coming Summer Holiday