如何解决pc端不同分辨率显示的内容是一样的

有3种方法:

1、后面设置背景,然后内容主要集中在中间的1000像素以内,现在浏览器很少小于1000像素了。就算缩放窗口也不会乱掉。

2、全屏内容的,先想好宽高比,在用js获取浏览器宽度,然后根据宽度计算高度,实现动态大小(宽高比一般是固定),这时候我一般会设置个最小宽度(min-width)限制。

var $width = parseInt($(window).outerWidth());

一般我用这句话获得浏览器宽度(jQuery的)。

3、HTML5+CSS3里面有个Media Queries这个可以去搜索了解下,慕课里就有

posted @ 2016-07-15 16:33  蝴蝶女郎  阅读(291)  评论(0)    收藏  举报