首页 > 手机端网页尺寸问题

手机端网页尺寸问题

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


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


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


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


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

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

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


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


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


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

【热门文章】
【热门文章】