上一篇我們介紹了 Responsive Web Design 之後,這次要來詳細介紹 CSS3 Media Queries 了。在上一篇中,我們提到 Responsive Web Design
的實作方式有大半都是利用 CSS3 Media Queries 來達成。而顧名思義 Media Queries 就是要在支援 CSS3
的瀏覽器中才能正常工作,IE8 以下不支援。而 Media Queries 的套用方法千變萬化,要套用在什麼樣的裝置中,都可以自己來定義。 ##
關於 Media Queries
到底什麼是 Media Queries ?一般我們在開發 HTML + CSS 網頁中,都會有一份 CSS
來控制網頁的樣式表。而隨著各式各樣不同大小、長寬與解析度的裝置的興起,我們在開發網頁只考慮到自己的螢幕顯示的如何,是多麼的膚淺哪。So,在開發者
的螢幕看到的網頁或許很漂亮,那,其他人的螢幕呢?所以,我們需要的是能夠控制不同大小的螢幕(裝置),在其上所顯示出來的樣式,讓各式各樣來自不同地方
的 User 都能夠有最佳的瀏覽體驗。
2014年6月26日 星期四
2011年7月8日 星期五
好物推薦-jsFiddle - Online Editor for the Web
昨天在ptt爬ajax版的時候,發現有人貼了個很有趣的東西,web版本的線上程式碼編輯器,網址為 http://jsfiddle.net/ ,支援了許多的語法,包括HTML, CSS, JavaScript 這些東西~
不過一定會有人說,那我幹嘛要用web版本的編輯器,單機一大堆IDE可以用,而且反應還比較快功能比較多,我一開始也是這樣想,但是這個東西最實用的地方在於它可以"分享"&"討論"你的code,當需要跟別人討論code但是對方又不再旁邊的時候,這東西就很好用了!而且裡面也內建了一些範例讓你可以減少許多時間,直接修改就能用很多功能
不過一定會有人說,那我幹嘛要用web版本的編輯器,單機一大堆IDE可以用,而且反應還比較快功能比較多,我一開始也是這樣想,但是這個東西最實用的地方在於它可以"分享"&"討論"你的code,當需要跟別人討論code但是對方又不再旁邊的時候,這東西就很好用了!而且裡面也內建了一些範例讓你可以減少許多時間,直接修改就能用很多功能
訂閱:
文章 (Atom)
-
WinRAR 可以在註解加入 icon 建立參數來製作簡易的安裝程式 Delete 解壓縮前先刪除檔案 License 顯示程式的使用授權協定 Overwrite 選擇檔案的覆寫模式 Path 設定預設目標路徑
-
mysqli 分為以下三個類別 mysqli:負責控制與mysql的連線,執行SQL查詢,執行select後會得到查詢結果 之mysql_result物件 mysqli_result:內含select的查詢結果 mysqli_s...
-
strcat char * strcat ( char * destination, const char * source ); 輸入兩個字串,將第二個字串連接在第一個字串之後,輸出第一個字串。