作者Ayukawayen (亚布里艾尔发芽>//<)
看板Web_Design
标题Re: [问题] 网页制作考虑尺寸的问题?
时间Sat Nov 2 23:16:48 2013
※ 引述《oblivion (遗忘海角)》之铭言:
: 想请教一下,大家在设定网页的 width、height的时候
: 是怎麽设定呢?因为我google网路上有的教学,是说:
: 1、800*600下,网页宽度保持在778以内,就不会出现水平卷轴,
: 高度则视版面和内容决定。
: 2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,
: 高度是612-615之间。就不会出现水平卷轴和垂直卷轴。
: 来源:http://www.superpay.com.tw/p377715.html
: 这个1024*768是指User的萤幕大小对吧?
: 还有很多人省钱不去买宽萤幕吗Q Q
: 所以一般都以1024*768来设计喽?
W3 Schools的统计资料
http://www.w3schools.com/browsers/browsers_display.asp
http://www.w3schools.com/browsers/browsers_resolution_higher.asp
2013/01的桌面浏览器 90%在1024*768之上, 9%是1024*768, 1%在1024*768之下
8%是1280*800
10%是1280*1024
27%是136x*768
所以以1024*768为目标设计的话,在大概99%的桌面浏览器上是可以正常显示的,
想要大一点的话,1280*768的设计可以在约90%的桌面浏览器上正常显示。
不过,由於现在平板和手机上网的比例上升地非常快,如果要一个网页同时给桌机和
平板使用,那平板的解析度也要考虑一下。
(手机和桌机要使用同一个网页版型实在太勉强了点)
当然能做RWD是更好,因为1024*768的版面摆在1920*1080的Full HD萤幕,看起来效果
通常都不会太好。
: 不过现在很多网站是RWD的,我记得可以直接用dreamweaver里的javascript
: 语法让网页变RWD(就把body里的东西全部丢到它写好的div里面就好)
: 那麽如果它是RWD了,我还要考虑到什麽"水平卷轴"吗?
: 如果还是要考虑,是不是网页div的宽度就设定成1002以下,然後
: margin: 0 auto置中,背景图设repeat这样子呢?
: 想请教如果我设定body的宽、高等於100%
: 那我的div再设定100%的宽,那个宽是抓使用者萤幕的宽吗?
: 如果是的话,是不是也就是RWD呢?
: 新手上路,请多多指教,谢谢大家 <(__ __)>
--
很久没更新的部落格
http://blog.Ayukawayen.twbbs.org/?ref=ptt
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.161.35.51
1F:推 darKyle:RWD也不是一定更好 宽度还是要有限制 不然反而难以阅读 11/03 09:42
2F:→ darKyle:当然 实际上还是要看整体版面的设计 11/03 09:45
3F:推 ilay:有一种东西叫做 960grid 11/04 17:54
※ 编辑: Ayukawayen (218.161.35.51), 03/19/2015 00:21:53