网页前端技巧
浏览数：23 /
时间：2015年06月09日
做前端开发的时候，通常都是由美工设计好相应的PSD，做好特效说明后交由到前端手中，然后再转换为网页。
经验一：重置设置
网页设计的时候，不同浏览器对标签的定义不同，所以一般前端在设计之初通常都会对网页中的标签属性进行重置。
常见的重置CSS：http://www.cnblogs.com/Seanit/p/4435959.html
经验二：宽屏PSD效果
目前，很多的美工设计PSD的时候，采用的是1920px的宽度。为什么？因为很多网页要考虑到宽屏的显示效果。所以在设计的时候通长会做一些的设置
第一步：设置一个wrap 的div来包括所有的div，用于设置最长宽度和最小宽度
第二步，添加一个warp_bg的div来设置页面的背景色和背景图片的。
第三步，添加一个mian的div来存放其他的内容div，然后居中
如此一来所有的内容就能够居中显示，页面也能在小屏上正常显示，当在大屏上显示的时候，拉伸部分其实显示的是warp_bg 显示的图片和背景色。
最后，查看宽屏效果可以通过谷歌浏览器的插件来查看
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
