技術 Day6 如何做出響應式網頁(RWD)？

常常聽到響應式網頁，但是怎麼做呢？ 響應式設計(Responsive web design)指的是使網頁內容在不同裝置下，都可以呈現出適切的內容。在說明如何設定...

技術 RWD為什麼讓人愛不釋手?

響應式網頁設計(Responsive Web Design)簡稱RWD，又稱適應性網頁、回應式網頁設計。指網站能跨平台使用，因應不同的裝置，如：Iphone、P...

技術 Day20-HTML(16) – 響應式網頁設計(RWD) (上)

根據Google的統計，有將近 60% 的人們使用手機瀏覽網站，如果沒有重視手機上的網站呈現效果，可能會流失相當多的潛在客戶。 而講到手機網頁，就會提到響應式網...

技術 Day21-HTML(17) –響應式網頁設計(RWD) (下)

響應式圖像 使用width屬性 把 width 屬性設置為100％的話，圖像將響應頁面大小自動做放大和縮小，不管圖像的原始大小，使寬度始終占滿整個頁面。<...

技術 Day 16 - 切版進階技巧(二) : 版型規劃、RWD規劃

Day 16 - 切版進階技巧(二) : RWD、版型規劃 每日一談 嗨，大家好 ! 我是阿蘇今天是Day16 ，今天分享的是RWD、版型規劃，目前大部分的網...

技術 DAY5 速談flex gride布局、定位、響應式

為了加快進度，我要快速帶過flex、gride布局、定位和響應式，幫你繫個安全戴，要飆車囉~~ flex : 學習方法→邊玩蛙蛙回家，邊看連結2的說明 遊...

技術 Day 12: 打造 React 導航欄元件

在上一篇文章中，我們介紹了如何使用 React Router 實現頁面導航，並展示了模組化頁面如何提升程式碼的結構性與可維護性。今天，我們將進一步學習如何從零開...

技術 第十七天響應式網頁的排版

由於每個裝置的長寬不一樣，所以造成我們在拖拉放大縮小我們的頁面的時候，我們的圖片大小無法完全的match。這時候我們可以寫以下的code達成我們的目的， .he...