搭建论坛《网站·搭建者》用户服务 → [原创]者做手机网站时,页面自动适应手机屏幕的问题


  共有1349人关注过本帖树形打印

主题:[原创]者做手机网站时,页面自动适应手机屏幕的问题

帅哥哟,离线,有人找我吗?
众方志诚
  1楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:分析员 帖子:638 积分:3827 威望:0 精华:1 注册:2010-10-1 23:09:15
[原创]者做手机网站时,页面自动适应手机屏幕的问题  发帖心情 Post By:2015-11-15 19:39:22

编写“手机客户端”网站说明 《者》开发手机浏览的网站,和开发标准的网站是一样的;需要注意的就是网页的宽度,不要太宽,否则浏览时会不方便; 为使手机显示时,网页的宽度自动适应手机屏幕的宽度,或页面显示为设计时的大小;可在页面的“头部附加”属性中增加下面的元素: <meta name="viewport" c="c"/> 具体选项说明如下: width=device-width :表示宽度是设备屏幕的宽度 initial-scale=1.0:表示初始的缩放比例 minimum-scale=0.5:表示最小的缩放比例 maximum-scale=2.0:表示最大的缩放比例 user-scalable=yes:表示用户是否可以调整缩放比例 注意:每个页面都要增加上面的元素;不同的手机浏览器也会存在不同的差异。
 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:原创者做手机网站时,页面自动适应手机屏幕的问题.txt


支持(2中立(0反对(0单帖管理 | 引用 | 回复 回到顶部
帅哥哟,离线,有人找我吗?
众方志诚
  2楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:分析员 帖子:638 积分:3827 威望:0 精华:1 注册:2010-10-1 23:09:15
  发帖心情 Post By:2015-11-15 19:40:19

编写“手机客户端”网站说明 《者》开发手机浏览的网站,和开发标准的网站是一样的;需要注意的就是网页的宽度,不要太宽,否则浏览时会不方便; 为使手机显示时,网页的宽度自动适应手机屏幕的宽度,或页面显示为设计时的大小;可在页面的“头部附加”属性中增加下面的元素: <meta name="viewport" c="c"/> 具体选项说明如下: width=device-width :表示宽度是设备屏幕的宽度 initial-scale=1.0:表示初始的缩放比例 minimum-scale=0.5:表示最小的缩放比例 maximum-scale=2.0:表示最大的缩放比例 user-scalable=yes:表示用户是否可以调整缩放比例 注意:每个页面都要增加上面的元素;不同的手机浏览器也会存在不同的差异。

支持(0中立(0反对(0单帖管理 | 引用 | 回复 回到顶部
帅哥哟,离线,有人找我吗?
众方志诚
  3楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:分析员 帖子:638 积分:3827 威望:0 精华:1 注册:2010-10-1 23:09:15
  发帖心情 Post By:2015-11-15 19:41:57

编写“手机客户端”网站说明 《者》开发手机浏览的网站,和开发标准的网站是一样的;需要注意的就是网页的宽度,不要太宽,否则浏览时会不方便; 为使手机显示时,网页的宽度自动适应手机屏幕的宽度,或页面显示为设计时的大小;可在页面的“头部附加”属性中增加下面的元素: <meta name="viewport" c="c"/> 具体选项说明如下: width=device-width :表示宽度是设备屏幕的宽度 initial-scale=1.0:表示初始的缩放比例 minimum-scale=0.5:表示最小的缩放比例 maximum-scale=2.0:表示最大的缩放比例 user-scalable=yes:表示用户是否可以调整缩放比例 注意:每个页面都要增加上面的元素;不同的手机浏览器也会存在不同的差异。

支持(0中立(0反对(0单帖管理 | 引用 | 回复 回到顶部
帅哥哟,离线,有人找我吗?
seedog
  4楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:助工 帖子:225 积分:1909 威望:0 精华:0 注册:2009-6-6 13:51:24
  发帖心情 Post By:2015-11-16 11:15:48

应拿一个实例出来 。。

支持(1中立(0反对(0单帖管理 | 引用 | 回复 回到顶部
帅哥哟,离线,有人找我吗?
jsphp
  5楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:助工 帖子:208 积分:1502 威望:0 精华:0 注册:2009-6-24 14:47:09
  发帖心情 Post By:2015-11-16 14:57:45

我看到《星》的 “指挥平台”目录中,就有相应的实例。

 关键要在《者》的页面“头部附加”的属性中,增加下面内容:
图片点击可在新窗口打开查看此主题相关图片如下:qq图片20151116160844.png
图片点击可在新窗口打开查看


支持(1中立(0反对(0单帖管理 | 引用 | 回复 回到顶部
帅哥哟,离线,有人找我吗?
梧桐树
  6楼 个性首页 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:爱好者 帖子:59 积分:375 威望:0 精华:0 注册:2010-12-13 14:10:33
  发帖心情 Post By:2015-11-18 16:31:02

 做手机开发,《搭建》应该努力!

支持(1中立(0反对(0单帖管理 | 引用 | 回复 回到顶部
帅哥哟,离线,有人找我吗?
zhongjian
  7楼 个性首页 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 钟馗之剑
等级:设计师 帖子:517 积分:3315 威望:0 精华:1 注册:2005-4-16 23:15:46
  发帖心情 Post By:2015-11-18 19:52:40

手机网站开发《搭建者》完全可以,问题是手机浏览器各有不同,网页要适应各种品牌的手机、繁多的浏览器是设计者考虑的重点和难点。

支持(2中立(0反对(0单帖管理 | 引用 | 回复 回到顶部

返回版面帖子列表

[原创]者做手机网站时,页面自动适应手机屏幕的问题








签名