62,074
社区成员
发帖
与我相关
我的任务
分享把PC版网页变成手机版,不修改之前的界面,2者可以通用如何做到
把PC版网页变成手机版,不需要修改界面, 网上的例子,感觉也不是很理想, 希望大家推荐一个优秀的例子,非常感谢.
...全文
请发表友善的回复…
发表回复
qq_39444970 2017-07-07
- 打赏
- 举报
长痛不如短痛，改用响应式网站吧，以后更新起来也方便。响应式网站也有傻瓜式建站的，不用写代码这么麻烦，看看以下优酷视频吧
http://v.youku.com/v_show/id_XMjgxNDAwMzE4MA==.html?spm=a2hzp.8244740.userfeed.5!2~5~5~5!2~A
qq_33225170 2016-06-13
- 打赏
- 举报
楼主现在会了吗？求指教
qqw6789567 2015-07-23
- 打赏
- 举报
能不能帮忙解释一下里面的属性是什么意思[/quote]
width ---- viewport的宽度（width=device-width意思是：宽度等于设备宽度）
height ------ viewport的高度（height=device-height意思是：高度等于设备宽度）
initial-scale ----- 初始的缩放比例
minimum-scale ----- 允许用户缩放到的最小比例
maximum-scale ----- 允许用户缩放到的最大比例
user-scalable ----- 用户是否可以手动缩放
风吹裤衩轻飞扬丶 2015-05-04
- 打赏
- 举报
如果是没还没开始开发的话建议HTML5、各种适应屏幕大小。
nicetake 2015-05-04
- 打赏
- 举报
按设备宽度完全显示禁止缩放
tongxuejie 2015-04-29
- 打赏
- 举报
移动端需求大的话 最好重新写 分开弄
以专业开发人员为伍 2015-04-29
- 打赏
- 举报
如果字的大小会变，那就是没有针对手机设置 viewport。
以专业开发人员为伍 2015-04-29
- 打赏
- 举报
所以你需要修改参数然后看效果啊。
zbdzjx 2015-04-29
- 打赏
- 举报
我就是直接在手机上访问网站，直向看时，字会很小，横着看，就还好了。但操作起来还是很麻烦的。
zhengyingcan 2015-04-29
- 打赏
- 举报
<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi" /> 是什么作用,我怎么感觉,加了与没有加,在手机上打开区别不大,
zhengyingcan 2015-04-29
- 打赏
- 举报
能不能帮忙解释一下里面的属性是什么意思
nicetake 2015-04-29
- 打赏
- 举报
试下这个<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
dzwebs 2015-04-28
- 打赏
- 举报
别担心，再忍吧，以后就不用改为移动版的了，烦
因为以后手机性能越来越好，就等于电脑了，还用得着改吗，
其次，以后手机越来越起，屏幕又越来越大，也用不着改了吧？
所以，再忍几年 ！
csharpcn 2015-04-28
- 打赏
- 举报
最快的就是修改CSS，最好适应多种分辨率
麻烦的就是把所有的页面标准化，重新的生成页面。自然能适应各种显示。
以专业开发人员为伍 2015-04-28
- 打赏
- 举报
我在 #3 楼的意思是，现在如果你开始考虑开发一个“响应式网页”，你至少要考虑20种屏幕大小和宽高比例并进行测试，不要只考虑3、4种来测试。
所以在你的开发机器上，应该用鼠标拖动浏览器的窗口，这样才能模拟各种比例、宽度、尺寸（从3寸到20寸）的屏幕，看看你的网页的效果。
於黾 2015-04-28
- 打赏
- 举报
5楼的朋友真天真
除非有一天,手机自带投影仪,否则手机是不可能变成跟电脑一样大的
真出了这么个手机,你会天天背着?
zhengyingcan 2015-04-28
- 打赏
- 举报
5楼的朋友真有趣
S314324153 2015-04-27
- 打赏
- 举报
你的样式基本要全改，这工作主要是前端的
以专业开发人员为伍 2015-04-27
- 打赏
- 举报
响应式布局，并不简单地是“变成手机版,不需要修改界面”这种考虑。你现在就可以把当前的浏览器的窗口用鼠标“拖动”来改变，例如改为你的屏幕的2/5宽、80%高，看看页面内容是不是看不清楚了。
当前这个csdn页面就不是响应式的。它中间的核心内容区是“死的”。这个页面就没法给手机用。
以专业开发人员为伍 2015-04-27
- 打赏
- 举报
首先要做到的，是在<head>第1行加上一个声明
<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi" />加载更多回复（1）
