電腦網頁變成手機版的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列各種有用的問答集和懶人包

Tailwind CSS 3.0 從零開始 – 入門到實戰

為了解決電腦網頁變成手機版的問題，作者許智庭 這樣論述：

　　★ 提升切版魅力！從初階到進階必學的新世代排版神器！ 　　跟著 Tailwind CSS 降低開發響應式網站的時間，提升元件開發的效率。 　　「非官方文件」的導讀，帶領你了解基礎核心知識，直接上場做 project 開發！    　　多人開發前端 project，團隊卻經常因為標籤命名不夠精準產生溝通困難？   　　從網頁切版進入前端的世界，對於 UI/UX 息息相關的前端工程師，介面的設計規劃除了手刻能力要講究，在專案時程很趕的時候就會需要使用到框架來快速建構網頁畫面。對於多人開發 project 而言，光是想每個標籤使用的類別名稱就會燒腦到不行，命名就變成一種學問。   　　201

9 年崛起的 Tailwind CSS 打破過往 CSS 框架的思維，您只需要考慮樣式優先的撰寫方式，專注於要給予列表的背景顏色、邊框顏色、文字顏色、按鈕需不需要滑鼠經過有效果，或是排版要怎麼安排，只需要從功能去發想，不需要先去想命名，這在開發上省下相當多的時間！   　　本書為【擁有 CSS 與 RWD 開發經驗的網頁設計師與前端工程師】、【多人協作開發專案有統一風格需求的團隊】、【網站需要高客製化的元件需求專案】的最強參考書籍！   　　作者著重在實際開發時的心得與情境，帶您從零開始，入門核心觀念、實作小功能介面，到呈現一個基本頁面的響應式網頁，後續也使用 jQuery 與 Vue.JS

為範例作為框架引入 Tailwind CSS 實際開發案例，完成一個靜態網頁。   　　本書使用 Tailwind CSS 版本：V3.0   　　現在就跟著本書輕鬆活用 Tailwind CSS 提升你的前端網站渲染效果！擺脫多人團隊專案風格紊亂無序的困擾吧！   本書特色   　　● 從零開始介紹 Tailwind CSS 的核心知識、安裝方式、基本元件建立，帶領讀者快速入門 　　● 透過許多基礎元件感受 Tailwind CSS 的特色與魅力！ 　　● 功能優先特色，打造獨一無二的元件 　　● 透過 Tailwind CLI 的編譯，讓網頁渲染效果提升！ 　　● 多個元件與功能實作／以及

2 個中大型範例開發／Vue.js 與 Tailwind CSS 的完美結合 　　● 六角學院創辦人兼校長 廖洧杰 推薦 　　● 熱愛 JavaScript 知名直播主 Tommy 推薦   專業推薦   　　「這本書除了詳細講解 Tailwind 技術外，更棒的是還分享許多切版範例題目，最後面還顧及開發者的程度，貼心提供 jQuery 與 Vue CLI 的技術整合範例。充分看出作者不希望你單純『看』這本書，而是『真的動手做』，才能將技術變成自己的東西。」—— 廖洧杰／六角學院創辦人兼校長   　　「除了官網的文件外，Tim 用自身經驗，融合了實作上會遇到的一些問題，也算是某種程度上的經驗

談，手把手的方式帶領讀者能更順利達成實作，非常適合新手或考慮轉到 Tailwind CSS 的開發者閱讀。」—— Tommy／熱愛 JavaScript 知名直播主

電腦網頁變成手機版進入發燒排行的影片

社群平台間的游動：從符擔性角度看記者分化使用之戰術

為了解決電腦網頁變成手機版的問題，作者李岱瑾 這樣論述：

社群平台走向多元化，記者受個人不同因素影響，發展出相異的分化使用平台策略。本研究為瞭解記者在社群平台間的行動脈絡，從中發掘如何在平台戰略體制下執行戰術，創造反體制的生存空間，對其人際關係的影響。因此，以符擔性理論（Affordance Theory）為基礎，透過深度訪談十二名不同世代的記者，探究記者如何感知社群平台符擔性以操作戰術，在互動中又創造哪些平台新意義。研究發現，記者操作戰術時有一個既定的邏輯，以臉書作為使用社群平台之開端，當記者感知臉書內涵的轉變後，試著先調整自身行為的合適性，改變發文內容、降低貼文頻率、增設隱私設定，直到無法滿足個人使用慾望，以跨平台至Instagram和創建臉書

新帳號為最多記者採用的戰術。記者在多重情境之下，並不會完全消失在臉書中，而是以臉書為本，其他社群平台為輔。這顯示，記者不願破壞臉書經營已久的人際關係，運用臉書原始科技的設計翻轉為有用資源，知覺臉書龐大的使用者和資訊量之優勢，從單純交友軸線轉變成輔助新聞工作的工具，以經營弱關係和獲取資訊管道為主，Instagram則成為私人的生活實記；記者游移在社群平台之間的差異行為，彰顯出記者的戰術因應科技變遷不斷地適應，也深受日常生活和工作經驗影響。

不插電程式設計1~3集系列套書

為了解決電腦網頁變成手機版的問題，作者洪志連,申甲千 這樣論述：

　　《不插電學習電腦科學》 　　不用插電，學習電腦科學和程式原理，發展運算思維的力量！ 　　孩子的第一本程式遊戲書。擔心自己不知道什麼是程式教育，不知道如何開始的父母和老師，都可以用本書開始和孩子開始程式教育。 　　這本書不是一本按步驟操作執行的工具書，而是充滿許多孩子可以做的簡單而有趣的遊戲書。利用本書可以自然地學習電腦科學的原理，透過各種圖片和插圖解釋，培養運算思維以及解決問題的能力。書末附有各種配件，並提供了詳細玩法，您也可以利用生活中隨手可得的物品如杯子、吸管、黑白棋來進行必要的活動。你將會發現，讓孩子理解程式思維與運算的工具隨處可見。 　　就從現在開始，動手動腦來玩不插電的遊

戲吧！ 　　《不插電的程式遊戲課》三大特色 　　1.各種生活化的問題及遊戲活動，連結程式語言。 　　2.不用打開電腦，就可以培養電腦科學與基礎運算思維能力。 　　3.包含了各種活動附件，讓孩子實際操作學習。 　　【在開始進行之前要瞭解的】 　　★讓孩子與程式設計變親近的不插電遊戲 　　1.就這樣開始程式設計教育吧！ 　　》為什麼需要程式設計教育？ 　　我們現在生活在怎樣的一個世界呢？利用智慧型手機購物、與美國朋友進行視訊、利用網路快速搜尋各種情報……，這些都是大家習慣的日常了吧！未來，我們所生活的世界又會變成怎樣呢？無人駕駛車的普及，機器人為我們進行手術，用一支智慧型手機就能遠距離遙控家

中的所有家電，未來的時代應該如此吧！而讓這些變化成為真實的關鍵，就是「程式設計」。 　　未來將生活在被程式設計操控世界中的孩子們，理所當然的必須要認識程式設計才行。並且，針對程式設計會產生的問題與狀況必須有能力解決，而這也是為什麼全世界各國都在新的課程綱要中納入程式教育，讓孩子們也學習程式設計，並且培養實際解決問題的能力。 　　》不知道該如何開始程式設計教育？就從不插電遊戲開始吧！ 　　那麼，現在要從哪裡開始程式設計，又該如何開始呢？若要學習程式設計就必須先了解程式設計嗎？那會很困難嗎？ 　　如果你也有這麼多疑問，那麼，就從不插電遊戲開始著手程式設計教育，如何？ 　　什麼是不插電 (u

nplugged)？如同字面上的意思，不插電，即沒有連結電腦的電腦教育活動。學習電腦卻不用電腦？ 　　電腦的運轉原理或學習電腦時所需要的概念等，即使沒有電腦，透過遊戲也可以進行的活動正是不插電遊戲。 　　不論是誰都能夠輕鬆有趣的學習不插電遊戲，因為沒有小孩會討厭遊戲的。當小孩沉浸在有趣的遊戲時，自然而然地就學會了電腦科學的概念以及電腦運轉原理。再也沒有比這遊戲更適合進行程式設計教育的活動。 　　★不插電程式設計遊戲開始前，必須了解的活動概念 　　2.培養孩子們的電腦思考力！ 　　正如同前面所說的，開發軟體的過程中，必須尋找針對解決問題的能力或想法。再依據方法的不同，去體驗每一個問題解決的

過程。在這樣的過程中可以培養孩子們的「電腦思考力」。接下來，我們就來了解一下電腦思考力吧！ 　　》什麼是電腦思考力？ 　　什麼是電腦思考力？即使是困難的問題也能快速解決，就如同電腦思考般的想法？是這樣嗎？ 　　相信大家都曾經想過「我要是能夠像電腦一樣聰明就好了」。但是，電腦能夠這麼聰明，是因為人類給了它指令。這時，將對電腦下的指令集合起來就是程式。而創造程式的事情就稱作程式設計。 　　那麼，人類也能夠像電腦般處理事情嗎？當然可以！只要擁有有效率解決問題的思考力就行了。這種思考能力就是像電腦處理事情的方式，被稱做電腦思考力。也就是說，若要培養電腦思考力，我們也要像電腦般，擁有快速地解決事情

的語言吧！ 　　》電腦思考力包括那些？ 　　電腦思考力是解決問題的思考能力。以電腦思考力來解決問題，有幾項必須的能力。 　　第一，必須要有將「解決問題」，以正面對待的能力。 　　第二，必須要有分析資料、邏輯與組織能力。 　　第三，必須要能夠以圖表等圖形表現資料內容。 　　第四，必須要有透過演算法思考力來解決問題的自動化思考力。 　　第五，能夠實際有效率地解決問題，並且必須驗證。 　　第六，要能夠將問題解決的過程應用在其他問題上。 　　3 提供電腦思考力的環境 　　如何培養電腦思考力？雖然有各式各樣的方法，但首先必須提供電腦思考力的環境。 　　》獨自找出解決問題的方法！ 　　前面也提到了，

電腦思考力是解決問題的方法。可以想成是培養電腦科學的概念或程式原理相同的基礎。為了養成這種基礎，孩子們必須獨自尋找解決問題的方法。絕對不能因為對孩子而言太困難，而搶走了讓孩子獨自尋找解決方法的機會。 　　》藉助適當的道具！ 　　不插電遊戲與其他活動不同，幾乎不須花費任何費用，只要少許的費用就能夠充分的培養電腦思考力。透過尋找家裡杯中的巧克力就能學習探索演算法，利用圍棋體驗像素藝術。不論是什麼道具，都能夠刺激孩子的電腦思考力，成為有用的學習資料。 　　》張開想像的翅膀！ 　　解決問題時，獨自尋找解決方法雖然很重要，若能以自身的方法解決問題也很棒。孩子解決問題時，為了讓孩子形成自己的想法，請創

造出自由並且平和的環境。請爸爸媽媽也一起為了解決問題來提供想法吧！ 　　》提供與朋友一起合作的機會！ 　　與電腦思考力相同的高層次思考力，比起獨自嘗試，許多人一起的效果將會更好。互相分享想法，可以比較與他人的差異點，進而得出更棒的想法與問題解決方法。在學校請與朋友一起，在家裡請與兄弟姊妹以及父母一起試試看！ 　　4請注意這個！ 　　進行不插電遊戲之前，請大家先來看看有哪些地方是特別需要注意的。 　　》透過遊戲自然學習，不是玩完遊戲就結束！ 　　透過不插電遊戲自然地學習。若只是愉快地沉浸在遊戲中，沒有對遊戲做完整的解說是沒有意義的。遊戲後，並不是就結束了，必須了解哪些重要部分，遊戲過程中有

什麼想法，必須將這些思考過程充分地解說給孩子聽。舉例來說，「排列吸管長度」的遊戲中，將要洗的衣物照順序整理，電腦也是依照這種方法整理資料的，必須將這樣的事實讓孩子們知道。 遊戲不只是遊戲，請賦予遊戲更新的意義。 　　》父母請勿隨意插手介入！ 　　即使孩子說不太會，父母也不要參與。因為還是年幼的孩子，做錯了是理所當然的事。但若每當這時候，父母就告知答案的話，孩子們是無法充分從遊戲過程中學習的。經歷失敗後再獨自修正的過程，可以讓孩子成長許多。就像使用刀子或火等危險的情況一樣，請父母在絕對必須時再出手幫忙。 　　》請勿忘記不插電遊戲是程式設計教育的起點！ 　　不插電遊戲是程式設計教育的起點。透過

遊戲熟悉電腦思考力與電腦科學的概念，這些都將成為程式設計教育的基礎。而且，不插電遊戲可以讓孩子們對程式設計產生興趣，或是從適合孩子年紀開始程式設計教育開始也很好。可以活用線上程式設計學習道具的'code.org'或''play-entry.org'等網頁，讓低年級小學生學習程式設計的基礎原理。針對這部分，會在本書最後一部份詳細說明。  

警察執行網路緝毒之探究

為了解決電腦網頁變成手機版的問題，作者謝承哲 這樣論述：

先進科技發達當代，智慧型手機佔據現代人生活主流，同時其帶來的便利與快捷性卻也變成有心人士的犯罪工具。實務上常見犯罪者利用手機中各式行動應用程式App之便利性，進而以社群通訊軟體散布刊登廣告販賣毒品，供予其中瀏覽之不特定對象，從中謀取犯罪所得，或以俗稱「藥愛」方式，尋找性愛同好者共同施用毒品助性等犯罪行為。本研究為探討員警偽裝隱身於社群網路世界裡，遊走其中如何兼顧偵查適法界線，避免衍生事端或涉訟，剖析所運用之誘捕偵查策略模式與要領，執行拘捕可能遭遇之風險評估與權衡，以及未來相關科技偵查法制下，新型態之蒐證需求、完善立法之必要性與可行性，希冀突破現有查緝瓶頸面，有助於提升警察偵查效能，以期達到治

安維護與人權保障並重。本研究透過「訪談法」及「案例分析法」等兩種研究方法進行，訪談法依據研究目的歸納為三項層面分析，首先探討社群毒品犯罪與因應對策現況，接續剖析誘捕偵查遭遇困境與執勤風險，最後策進科技變革下偵查新思維及謀略；案例分析則就訪談對象曾親身破獲且具有代表性的案件議題予以歸結，以提高整體研究分析類型之精確性與可信度。本研究從嘉義地區曾任基層派出所制服員警中，以立意取樣的方式選取5名受訪者進行個別的深度訪談研究。研究結果發現：一、社群浪潮推波助瀾致毒品犯罪更形氾濫；二、誘捕緝毒應衡量績效與風險須同等重視；三、科技時代整體犯罪偵防對策應權衡審酌。依據研究結果提出以下四大面向之研究建議：一、

偵查技巧面：誘捕偵查技巧須與時俱進，切忌墨守成規之查緝作為；二、法治素養面：強化員警法治觀念素養，嚴防警察績效制度之弊端；三、科技建警面：全面推動科技建警，期前因應科技偵查時代之來臨；四、完善保障面：持續推行保障員警執勤、訴訟及賠償權益之完善後盾。