督军
PW moblie内测组
PW moblie内测组
  • 发帖数733
  • 铜币522两
  • 威望96点
  • 贡献0点
  • 注册日期2006-09-03
  • 最后登录2017-10-21
  • 社区居民
阅读:1173回复:3

[讨论交流]将phpwind 9 默认模板修改成响应式

楼主#
更多 发布于:2017-06-20 19:01
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
官方9.0自带的模板很好看,不知道有没有可能改成响应式的,手机端平板pc都自动缩放大小。
[督军于2017-06-25 22:42编辑了帖子]
督军
PW moblie内测组
PW moblie内测组
  • 发帖数733
  • 铜币522两
  • 威望96点
  • 贡献0点
  • 注册日期2006-09-03
  • 最后登录2017-10-21
  • 社区居民
沙发#
发布于:2017-06-25 22:42
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
我实在是不懂代码了,看了几天毫无头绪,
这个是介绍怎么制作模板的:http://down.chinaz.com/try/201211/2333_1.htm
这个是模板开发手册:http://doc.66jh.cn/templatewiki
PW9.0模版制作及使用教程:http://app.phpwind.net/read/3422332
模版制作方式介绍:http://www.phpwind.net/read/2848252
懂html就能制作模版:http://www.moke8.com/article-7866-1.html

简单的说就是,在网页头部(<head> </head>)之间加入以下查询代码:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
然后在CSS文件中,加入媒介查询元素,如:
@media screen and (max-width:480px) {
//当浏览器屏幕小于480px时,此代码块生效
}
@media screen and (min-width:481px) and (max-width:720px) {
//当浏览器屏幕大于480px小于720px时,此代码块生效
}
@media screen and (min-width:721px) and (max-width:1079px) {
//当浏览器屏幕大于721px小于1079px时,此代码块生效
}
其中的范围可以根据实际情况自己修改。OK,响应式与非响应式差不多就是这样的区别了,只要您懂得html+css,相信您很快就会掌握的,是不是感觉很简单呢?

对于不懂代码的人来说,简直就是天书。休息!
酒玛特-在线商城
PW moblie内测组
PW moblie内测组
  • 发帖数220
  • 铜币551两
  • 威望37点
  • 贡献0点
  • 注册日期2012-08-24
  • 最后登录2017-09-08
板凳#
发布于:2017-06-26 00:02
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
就这么简单就实现了哇?能不能看看您的网站效果?
rentingxuan
★云市场开发者★
★云市场开发者★
  • 发帖数175
  • 铜币946两
  • 威望492点
  • 贡献0点
  • 注册日期2012-09-29
  • 最后登录2017-08-29
3楼#
发布于:2017-06-27 21:31
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
有难度
游客

返回顶部