以文本方式查看主题 - 搭建论坛 (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:表示用户是否可以调整缩放比例 注意:每个页面都要增加上面的元素;不同的手机浏览器也会存在不同的差异。
|
||||
-- 作者:众方志诚 -- 发布时间: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 -- 我看到《星》的 “指挥平台”目录中,就有相应的实例。 关键要在《者》的页面“头部附加”的属性中,增加下面内容:
|
||||
-- 作者:梧桐树 -- 发布时间:2015-11-18 16:31:02 -- 做手机开发,《搭建》应该努力! |
||||
-- 作者:zhongjian -- 发布时间:2015-11-18 19:52:40 -- 手机网站开发《搭建者》完全可以,问题是手机浏览器各有不同,网页要适应各种品牌的手机、繁多的浏览器是设计者考虑的重点和难点。 |