[問題]請問解析度不同如何解決呢

[crossdunk (魯來又魯去)]

各位先進好

是這樣的

小弟是網頁設計的新手，最近遇到了一個困難

我平常在用的電腦解析度1600*900

一開始在寫沒想到解析度不同的問題

請問要如何讓網頁隨使用者的解析度變化呢？

在css裡面我是用PX而不是用%，請問如果都改成%可以讓網頁適合大部分解析度嗎？

或是有什麼更快的方式能夠讓網頁適合大部分的

像我是用1600*900去做的，有辦法讓他也能適合1024*768 或是 1280*768嗎@@?

寬度的部分我爬文好像是一開始就要定位了，而高度可以用JAVASCRIPT去改

但是JAVASCRIPT的部分我卻沒爬到要如何去更改

所以來起問各位先進

小弟先在此感謝各位了！

--
Sent from my 3cm

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.120.19.218
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1405066339.A.EF8.html
推 ymcheung:Responsive Web Design、Breakpoint、Media Query
感謝Y大!

查了一下Media Query

他的用法就類似if，判斷使用者的寬度在去變

意思就是如果要配合兩種解析度，就要寫兩個CSS的意思嗎@@?

這樣的話CSS會不會寫得很長呀 XD
※ 編輯: crossdunk (59.120.19.218), 07/11/2014 16:23:58
→ fire231:你可以分在不同的 css文件內
→ fire231:另外你也可以用第一個 RWD設計
推 Ayukawayen:這問題處理方法很多種 RWD是近期流行的 也不是非得RWD
→ Ayukawayen:舊一點的Fixed/Fluid Layout方式 單純處理桌面版的排版
→ Ayukawayen:通常也都能達到效果
→ Ayukawayen:若在跨桌面/手機這種尺寸差異極大的情況 RWD的不可取代
→ Ayukawayen:性就高得多 能達到很多Fixed/Fluid不可能辦到的效果