共享仿京东模板实现自适应屏的方法

2016-07-07 16:07 来源：www.chinab4c.com 作者：ecshop专家

自适应屏其实就是多个css控制，由js判断当前分辨率。

如一下代码：
if (screen.width < 1280)
{
document.write("<link href='themes/2009jingdong/style1024.css' rel='stylesheet' type='text\/css'\/>");
}
else {
document.write("<link href='themes/2009jingdong/style.css' rel='stylesheet' type='text\/css'\/>");
}

其中 if (screen.width < 1280)就是小于 1280分辨率的屏幕，像1024

else 是大于1280包括1280分辨率的屏幕

当然举一反三，设计不同的模板颜色样式，可以让你的网站在不同分辨率下是不同的感受。

演示地址：http://www.ok-moban.net/goods.php?id=52

在不同分辨率下可以查看一下效果，查看代码只需要右键查看源文件就会发现里面有js控制判断分辨率。

回答：
呵呵这个需要做2个CSS了 。

太复杂了

3# wangxh
制作这样的模板是麻烦些
但是效果好




弱弱的问一下，这点代码加到哪里？




补充一下，我已经做了2个CSS。要把代码加到哪里，才能自动判定哪个适合？

请问这个加载在什么地方呢？模版？

楼主不厚道!古人云，帮人帮到底，送佛送到西！而楼主掉人胃口！

关注下。。。