以文本方式查看主题

-  搭建论坛  (http://bbs.diylsoft.com:8118/starforum/index.asp)
--  用户服务  (http://bbs.diylsoft.com:8118/starforum/list.asp?boardid=2)
----  [原创]者做手机网站时,页面自动适应手机屏幕的问题  (http://bbs.diylsoft.com:8118/starforum/dispbbs.asp?boardid=2&id=32970)

--  作者:众方志诚
--  发布时间: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


--  作者:众方志诚
--  发布时间: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:表示用户是否可以调整缩放比例 注意:每个页面都要增加上面的元素;不同的手机浏览器也会存在不同的差异。
--  作者:众方志诚
--  发布时间: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:表示用户是否可以调整缩放比例 注意:每个页面都要增加上面的元素;不同的手机浏览器也会存在不同的差异。
--  作者:seedog
--  发布时间:2015-11-16 11:15:48
--  
应拿一个实例出来 。。
--  作者:jsphp
--  发布时间:2015-11-16 14:57:45
--  

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

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


--  作者:梧桐树
--  发布时间:2015-11-18 16:31:02
--  
 做手机开发,《搭建》应该努力!
--  作者:zhongjian
--  发布时间:2015-11-18 19:52:40
--  
手机网站开发《搭建者》完全可以,问题是手机浏览器各有不同,网页要适应各种品牌的手机、繁多的浏览器是设计者考虑的重点和难点。