欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

生手,制作网页时设置网页大小为多少合适

更新时间: 2014-01-05 00:53:03 责任编辑: Author_N1

 

新手,制作网页时设置网页大小为多少合适?
   想实现这样的网页大小。
   设计的网页,用户的客户端分辨率不同时,网页也跟着相应调整。
我自己做了一个网页,在我自己的计算机上分辨率显示排版是正常的,到别人计算机上,与我计算机分辨率不同,网页就显示不正常了,如背景图片会在平铺显示显示一次后,再显示一半
--参考方法--
用100分比,通杀各种分辩率。
--参考方法--
引用:
   设计的网页,用户的客户端分辨率不同时,网页也跟着相应调整。

可以用js的识别分辨率然后调用不同的样式,但是这样做很麻烦,因为要写几套样式
建议还是像2、3楼说的那样用百分比或者相对布局来写
另外你说“背景图片会在平铺显示显示一次后,再显示一半”
这个只要把背景居中然后只显示一次就可以了
background:url() center no-repeat
--参考方法--
两种方式,960布局或响应式布局。
960布局默认页面是960像素,更宽的两边留空。响应式布局全部以百分比来做。
现在流行响应式布局
--参考方法--
背景图片可以设置不平铺,然后背景图片可以设计成和底色相配
--参考方法--
相对自适应其实很考功夫,建议不是熟手不要以此作为最终版本
我给的建议是多做几个不同宽度的版本,通过js判断客户端选择相对较窄的一个(可适当降低一个数量级)
记入cookie,以后的页面可以读取这个cookie作为页面布局依据
另外也要在页面上保留一些可供客户选择宽度的按钮,以免js的判断失误,客户可以手动调节,当然要覆盖cookie

然后把相对自适应作为课外作业,研究出可行的最终单一版本

反正我是不认为一个版本就能同时适应手机、笔记本、1080p,4k屏的……还没说有些屏可以竖起来呢
--参考方法--
background:url() center no-re解决你图片平铺的问题。
还有width:1100px; 相对定好你网页的宽和高。整体大容器里加上width:100%; 不管分辨率怎么变,网页布局都不会变。
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:53:03
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/963/
本文WWW.DOC100.NET DOC100.NET版权所有。