一个web页面既要在宽屏上显示,又要在窄屏上显示,既要在电脑上显示,又要在手机上显示,这个适配问题相当的麻烦。其实解决电脑与手机的适配问题,一般有两个思路;一个是做判断,根据不同条件在css和js做相应的修改,一个是直接做两版,手机版和电脑版,手机版略精简。1.宽屏与窄屏由于现在宽屏电脑越来越频繁,所以如果再将内容宽度设为960就太不能满足要求了,所以将内容宽度设了两版分别为1190px和960px。所有内容的外面包一个这样,通过判断屏宽来修改class的值,达到修改样式的目的js如下css如下/*控制宽度的类*/.width_broad{width:1190px;margin:0px aut Read More
posted @ 2014-01-04 11:19 笑月儿 Views(1225) Comments(0) Diggs(0) Edit