作者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/cn.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