共执行 39 个查询,用时 0.043378 秒,在线 4 人,Gzip 已禁用,占用内存 3.229 MB
自适应屏其实就是多个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.hanzhangshu.com/goods.php?id=3
在不同分辨率下可以查看一下效果,查看代码只需要右键查看源文件就会发现里面有js控制判断分辨率。
声明:本文部分资料来源网络,如有侵权请及时告之,我们会尽快处理。