作者crossdunk (魯來又魯去)
看板Web_Design
標題[問題]請問解析度不同如何解決呢
時間Fri Jul 11 16:12:16 2014
各位先進好
是這樣的
小弟是網頁設計的新手，最近遇到了一個困難
我平常在用的電腦解析度1600*900
一開始在寫沒想到解析度不同的問題
請問要如何讓網頁隨使用者的解析度變化呢？
在css裡面我是用PX而不是用%，請問如果都改成%可以讓網頁適合大部分解析度嗎？
或是有什麼更快的方式能夠讓網頁適合大部分的
像我是用1600*900去做的，有辦法讓他也能適合1024*768 或是 1280*768嗎@@?
寬度的部分我爬文好像是一開始就要定位了，而高度可以用JAVASCRIPT去改
但是JAVASCRIPT的部分我卻沒爬到要如何去更改
所以來起問各位先進
小弟先在此感謝各位了！
--
Sent from my 3cm
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.120.19.218
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1405066339.A.EF8.html
1F：推 ymcheung:Responsive Web Design、Breakpoint、Media Query 07/11 16:13
感謝Y大!
查了一下Media Query
他的用法就類似if，判斷使用者的寬度在去變
意思就是如果要配合兩種解析度，就要寫兩個CSS的意思嗎@@?
這樣的話CSS會不會寫得很長呀 XD
※ 編輯: crossdunk (59.120.19.218), 07/11/2014 16:23:58
2F：→ fire231:你可以分在不同的 css文件內 07/11 16:38
3F：→ fire231:另外你也可以用第一個 RWD設計 07/11 16:38
4F：推 Ayukawayen:這問題處理方法很多種 RWD是近期流行的 也不是非得RWD 07/11 22:50
5F：→ Ayukawayen:舊一點的Fixed/Fluid Layout方式 單純處理桌面版的排版 07/11 22:51
6F：→ Ayukawayen:通常也都能達到效果 07/11 22:51
7F：→ Ayukawayen:若在跨桌面/手機這種尺寸差異極大的情況 RWD的不可取代 07/11 22:58
8F：→ Ayukawayen:性就高得多 能達到很多Fixed/Fluid不可能辦到的效果 07/11 22:59