貼文討論：RWD 網頁設計入門：第1課 ── 什麼是 RWD 呢？

留言回覆：當帶頭，也試著看自己理解多少～ 1. 網站上的排版會依照使用者不同的裝置或像素視窗大小，來改變各個元素的排序、 元素是否顯示、每個元素佔據的大小、字體大小、間距、行高。 2. 只有手機視窗底部會有一個fixed定位的廣告，其他2個裝置視窗底部不會顯示廣告。 電腦裝置的most-popular-feed元素右邊會有廣告，其他2個裝置不會有。 電腦header裡的導覽列nav會顯示註冊、登入、訂閱、搜尋元素，其他2個裝置會將 這4個元素移動到漢堡裡面。 平板跟電腦cover裡面會顯示平板的圖片，手機不會顯示。 平板跟電腦newsLetter-containern的四周圍都有邊框border，而手機只有頂部有。 3. 電腦的footer裡面用nav分成4排左到右排列，其他2個裝置是分成2排去排列一樣左 到右，但空間放置不下會移動到上方元素的下面去排列。 手機的secondary會將裡面所有的元素放滿版面的寬度呈現由上到下排列的方式。 手機的you-should-know跟featured-voices、topic-section、mobile-carousel、 image-carousel、videos-well會將裡面所有的元素放滿版面的寬度呈現由左到右排 列的方式，讓使用者以左右滑動方式瀏覽。
查看原始貼文與相關留言

寫得很好，順利完成！

站長阿川
每週二 YT 直播問答，DC 可 Call-in，一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D

提供 Shopify 接案服務：阿川の電商水電行 - 專修 Shopify 網店 👇👇👇
https://job.turn.tw/shopify-services

管理台灣 Shopify 開發者 LINE 群組（非官方）👇👇👇
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
熱門搜尋： __ 使用 https ar COM Re re AM LA am AI AR 設計 github 開發 JS Ai id CLI javas the 程式 type ui git java 平台 create ci app API html 基礎 學習 la web 語言 ul javascript GIT js Github Js for bi ai jav 結構 react Ts 分享 log component 作為 CSS javasc Typescript 專案 py com COMPO start next ＣＳＳ JAVA 部落格 搜尋 wEB Ml css 後端 Java 第一 aws json work 技術 框架 class 網頁 go 個人 ") Javascript api 效率 Type post cn 工程師 部署 公司 PYTHON AWS 嗎？ CD Amazon 作業 this Git
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。