手机端网页尺寸问题

Question

手机端的设计稿宽度用640，写代码的时候宽度写百分百，高度怎么办啊？

Answer 1

高度一般情况下不会去定死，而是自动根据内容撑开。 最多这个padding,margin之类的，写死高度的不多见，不过也有。比如头部菜单。 不过建议还是自动撑开

Answer 2

你的意思是要用固定值卡一个高度么，不论手机端还是桌面端应该都用自动的高度吧。否则页面内容越界咋办→_→

Answer 3

移动端的高度写死的话，你适应了这个但适应不了那个各种显示器你能照顾得来啊？？

Answer 4

高度自己撑开的话，像这种对齐的怎么办？图片高度自动撑开容器的话，右边的文字就装不下了啊，是不是设计的时候应该把文字放大一倍

Answer 5

改变布局方式，学习淘宝的方法，动态设置font-size,除了字体使用px,其他全部单位使用rem,能最大程度还原设计稿。
参考：
http://www.codeceo.com/article/font-size-web-design.html

Answer 6

移动端定宽了怎么玩,遇到宽度小于640的手机左右会滑动的啊喂
还有这个布局的设计不科学啊,把屏幕分成两部分还要求高度相等,如果左右两个元素相同还好说,这种一边图片一边文字的完全没法写嘛....
实在要这么干 js算出图片高度然后调整文字边距?
能改布局就改布局吧 不行就只有上js了

Answer 7

如果你是写响应式页面，有很多种方法啊，可以不用百分比写。

<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">

加上这段代码，用你写pc的样式就可以了，在手机上查看也响应的，调试就在谷歌模拟窗口调试。