收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2832|回复: 3

网页自适应问题,望高手指点

[复制链接]
发表于 2010-8-14 12:59:37 | 显示全部楼层 |阅读模式
京东商城:http://www.360buy.com/
公司网站:http://222.73.69.168:8113/default.aspx
京东商城的网站能适应网站分辨率,大于1028X768也能满屏跟蓝色论坛一个原理,公司的网站也要做成京东那样大于1024X768水平还是满屏显示的。
我看了京东的源代码有段JS:<SCRIPT type=text/javascript>
if (screen.width>=1280){document.write("<style type='text/css'>.w{width:1200px;}.middle{width:766px;}.right-extra{width:983px;}#search{width:332px;padding:1px;}#i-search{width:257px;}#tie{width:257px;}#tie li{width:252px;}#key{width:228px;}#btn-search{background:none;}#hotwords{width:410px;}#service dl{width:192px;padding-left:39px;}#service .fore1{padding-left:20px;}#service .fore5{width:200px;}#service ul{padding:15px;}#service li{padding:0 36px;}#madding-1 dl{width:235px;}#madding-1 .p-price{right:50px;}#madding-2{width:766px;}#madding-2 dl{width:255px;}#newpros .mc{width:766px;}#newpros .mc ul{width:766px;}#newpros li{width:235px;}#slide{width:766px;}#slide ul{width:766px;}#slide li{width:766px;}.special .mc{width:763px;}.special li{width:234px;}#street-recomm .brands{width:758px;}#street-recomm .brands span{width:126px;}</style>");}
</SCRIPT>
我把京东的网站保存下来去掉这段JS预览就不对了,可是我不知道应用到我的网站上去。还望高手指点,谢谢了。
发表于 2010-8-14 20:13:24 | 显示全部楼层
其实它就一个if语句,你把document.write("。。。");中引号之间的内容都删掉,然后写上自己的css样式就可以了,其实去就是判断了一席显示器的宽度,当宽度大于1280时就用引号之间的样式,否则就用就用原来的……
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-8-18 17:30:51 | 显示全部楼层

回复 1# abxiechengjun [自己] 的帖子

但是我设计的时候是按照980像素的的宽度来设计的,如果宽度改宽了会不会出现拉伸失真的效果呢!
回复 支持 反对

使用道具 举报

发表于 2010-8-19 14:56:35 | 显示全部楼层
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-7-14 12:10 , Processed in 0.109098 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表