CodeLove 愛寫扣論壇
技術文章
討論專區
阿川私房教材
學員轉職故事 & 求職指南
🛠 求職準備指南|轉職前需要補充的技能 & 履歷撰寫技巧
🎯 轉職成功故事|Pchun:從硬體工程師到前端開發者的轉職之路
🚀 轉職成功故事|Birdie:從平面設計到前端,如何突破轉職困境?
💼 學員作品集|學員的學習成果與轉職作品展示
社群與 API
LINE 群組
文章 API
FB 粉專
搜尋
如何發問
發佈貼文
登入
註冊
貼文討論:
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會將裡面所有的元素放滿版面的寬度呈現由左到右排 列的方式,讓使用者以左右滑動方式瀏覽。
查看原始貼文與相關留言
站長阿川
1年前
寫得很好,順利完成!
站長阿川
👉 身份:資深全端工程師、指導過無數人半路出家轉職 👉 使命:打造 CodeLove 成為優質新手村,讓非本科也有地方自學&討論
熱門搜尋
:
使用
專案
開發
[]
工作
技術
作為
搜尋
VS
__
COM
第一
PB
網頁
blog
jav
分享
前端
學習
課程
測試
ui
系列
AM
作業
for
結構
https
後端
CSS
網站
語言
')
with
伺服器
效率
圖片
框架
javasc
Git
API
GIT
Line
wEB
Re
開源專案
JS
練習
go
部署
工程師
%'
分析
JAVA
基礎
LA
軟體
app
ci
work
開源
嗎?
Node
資料庫
REACT
研究
ul
python
Ai
架構
js
清單
討論
Can
編輯
html
公司
COMPO
筆記
React
id
Python
aws
主題
lang
套件
vs
Typescrip
console.log
SQL
改善
Docker
遊戲
email
import
入門
Javas
vue
演算法
.net
CodeLove 愛寫扣論壇 © 2025
🛡️ 隱私及網站安全:本站註冊過程「不須提供任何個資」,只要 E-Mail 與帳密即可註冊,請安心註冊!線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商,全程在「綠界科技 ECPay 」網站進行付款程序,本站「不會紀錄任何信用卡資訊」,請放心付款、解鎖課程!您隨時可以透過 FB 粉專或者 Email 聯絡站長,請求刪除網站上的個人資料。
歡迎來到 CodeLove 愛寫扣論壇
×
精選技術文章、免費程式設計資源、以及業界重要新聞!
訂閱 CodeLove 電子報,每週整理精選文章給您!
請問您是機器人嗎?
我不是機器人,我真的要訂閱
我是機器人,我四處亂填表單
訂閱電子報
訂閱 CodeLove 電子報,每週整理精選文章給您!
請問您是機器人嗎?
我不是機器人,我真的要訂閱
我是機器人,我四處亂填表單
關閉
訂閱電子報
×
‹
›
×
寫得很好,順利完成!