×
  官方微博: 腾讯   新浪
ECSHOP模板 
食品保健 家居化妆 家电数码 综合通用 珠宝配饰
VIP免费模板 
家居化妆 综合通用 服装饰品 食品保健 家电数码
ECSHOP插件 
ECSHOP插件 SHOPEX插件
EC教程中心
安装使用网店运营
首页 > 二次开发教程 > 根据用户显示器分辨率的不同调用不同css

帮助目录

有问必答

您可以加入我们的官方QQ群。

加入官方QQ群

可以将问题或建议反馈给我们。

提交在线客服

猜您感兴趣

根据用户显示器分辨率的不同调用不同css

网站开发中心/ 2014-11-22/ 关注人气:657

做网站最头疼的就是分辨率了,各种各样的分辨率都得考虑到,100%也不行,还是变形,固定宽度又太死,遇到个屏幕分辨率高的就占了一点屏幕,最合理的方 法就是根据不同的浏览器加载不同的css,各个大网站都采用这种方法。

 

根据用户显示器分辨率的不同调用不同css,实现方法:在page_header.lbi中加入

 

<script type="text/javascript">

if (screen.width < 1280) 

document.write("<link href='themes/yufu/style.css' rel='stylesheet' type='text\/css'\/>"); 

else { 

document.write("<link href='themes/yufu/style_1024.css' rel='stylesheet' type='text\/css'\/>"); 

</script>

分享到:
下一篇:ecshop实现删除商品时自动删除商品详情图片
上一篇:ecshop商品详情页实现详细描述等信息的TAB菜单切换