Web_Design 板


LINE

※ 引述《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







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:e-shopping 或 站内搜寻

TOP