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

看板Web_Design作者 (魯來又魯去)時間11年前 (2014/07/11 16:12), 11年前編輯推噓2(206)
留言8則, 3人參與, 最新討論串1/1
各位先進好 是這樣的 小弟是網頁設計的新手,最近遇到了一個困難 我平常在用的電腦解析度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

07/11 16:13, , 1F
Responsive Web Design、Breakpoint、Media Query
07/11 16:13, 1F
感謝Y大! 查了一下Media Query 他的用法就類似if,判斷使用者的寬度在去變 意思就是如果要配合兩種解析度,就要寫兩個CSS的意思嗎@@? 這樣的話CSS會不會寫得很長呀 XD ※ 編輯: crossdunk (59.120.19.218), 07/11/2014 16:23:58

07/11 16:38, , 2F
你可以分在不同的 css文件內
07/11 16:38, 2F

07/11 16:38, , 3F
另外你也可以用第一個 RWD設計
07/11 16:38, 3F

07/11 22:50, , 4F
這問題處理方法很多種 RWD是近期流行的 也不是非得RWD
07/11 22:50, 4F

07/11 22:51, , 5F
舊一點的Fixed/Fluid Layout方式 單純處理桌面版的排版
07/11 22:51, 5F

07/11 22:51, , 6F
通常也都能達到效果
07/11 22:51, 6F

07/11 22:58, , 7F
若在跨桌面/手機這種尺寸差異極大的情況 RWD的不可取代
07/11 22:58, 7F

07/11 22:59, , 8F
性就高得多 能達到很多Fixed/Fluid不可能辦到的效果
07/11 22:59, 8F
文章代碼(AID): #1JlvnZxu (Web_Design)
文章代碼(AID): #1JlvnZxu (Web_Design)