共享仿京东模板实现自适应屏的方法
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。要把代码加到哪里,才能自动判定哪个适合? |
请问这个加载在什么地方呢?模版? |
楼主不厚道!古人云,帮人帮到底,送佛送到西!而楼主掉人胃口! |
关注下。。。 |
最近更新
常用插件
- ecshop注册审核插件
ecshop插件介绍:ecshop会员注册审核插件,主要是在前台提供给注册的时候...
- ecshop订单聚合插件
ecshop订单聚合插件,主要是为了方便ecshop中订单产品到货情况的分析和...
- ecshop没登陆情况下订单查
ecshop没登陆情况下订单查询插件,主要是针对ecshop在没有登陆的情况下...
- ecshop的oss插件
ecshop的oss插件免费共享了,oss,ecshoposs...
- ecshop虚拟发货插件
ecshop虚拟发货插件介绍: ecshop虚拟发货插件,主要为了通过后台手动录...
ecshop热门问答
ecshop热门资料
ecshop英文模板设计
ecshop二次
ecshop团购报名
ecshop不同级别
ecshop预览
ecshopmod
ecshop大型购物网站
ecshop帮助
ecshop显示价格
ecshop自由
ecshop滚动式
ecshop举例
ecshopecs
ecshopTOP10
ecshopGSM
ecshop联络
ecshopseo
ecshop购买数量
ecshop长沙php
ecshop如何更快修改网站?
ecshop丝路花语蚕丝被
ecshop求解
ecshop拍卖商品
ecmall挂件
ecshop订单插件
ecshopZARA模板
ecshop43591
ecshop商品品牌显示
个性化
ecshopwhere