求大佬指点自适应布局，现在移动端会撑破页面。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2230 天前的主题，其中的信息可能已经有所发展或是发生改变。

网址是 https://wang.jiazu.at

PC 端很正常，基本上是自适应屏幕了。之前在 body 属性里面加了 min-width:1174px; 限制，当时这样移动端体验很不好。去除了，在移动端浏览又会撑破页面，布局很乱。求大佬指点。。。。

指点

大佬

页面

布局

15 条回复 • 2018-11-04 20:13:09 +08:00

webdisk

2018-11-04 10:56:33 +08:00

同在考虑这个问题怎么弄，要不要做两套界面。
现在我的网盘用的最最原始的办法，勉强能用 http://mydisk.ml:5156/

xiaohantx

2018-11-04 11:20:07 +08:00 via Android

不如 flex 重构..

xmlf

2018-11-04 11:25:24 +08:00

@xiaohantx 就是一个首页。大佬有空帮忙解决吗？

topsy

2018-11-04 11:51:04 +08:00

@xmlf 简单点的,添加下面两个，手机上看，应该能过得去，其他的就自己调了哈 o( =•ω•= )m
body{min-width: 750px;}
input.formField{width: 100%;}

xmlf

2018-11-04 13:18:30 +08:00

@topsy 非常感谢大佬。加了这两个属性，效果好多了。
就是顶部导航还是会溢出换行。求大佬指点。。

hhhfffhhh

2018-11-04 15:29:18 +08:00

#container{
overflow:auto // 去掉
}

// 导航换行
.menuitem{
padding: 0 5px
}

要不你全部重构一下？
从语义和代码上来看都有问题

xmlf

2018-11-04 16:05:18 +08:00

@hhhfffhhh 非常感谢。
overflow:auto 这个属性新增加的是因为有些图表宽度溢出页面，无法全部显示，加这个属性是为了有滚动条可拖动看。

大佬有时间帮忙重构吗？

xiaohantx

2018-11-04 16:42:18 +08:00 via Android

@xmlf 找个外包重构下就好了，顺便可以 ui 提高下。。

xmlf

2018-11-04 18:33:56 +08:00 via Android

@xiaohantx 一般行情价是多少？

xiaohantx

2018-11-04 18:38:30 +08:00

@xmlf #9 不一定，单纯这个页面如果设计+布局几百块吧，你可以多问几家外包价格

xmlf

2018-11-04 18:58:02 +08:00 via Android

@xiaohantx 大佬能推荐吗？哪里找比较靠谱？如果只是重构，价格几何？

xiaohantx

2018-11-04 19:03:26 +08:00

@xmlf #11 不知道了，去外包平台问问，包括 v2 也有外包板块，或者猪八戒之类的看看

hhhfffhhh

2018-11-04 19:09:10 +08:00

@xmlf 不懂设计 o(╯□╰)o 做重构得有个设计稿先

xmlf

2018-11-04 19:18:30 +08:00 via Android

@hhhfffhhh 如果只是在现有页面 css 优化呢？

hhhfffhhh

2018-11-04 20:13:09 +08:00

@xmlf 现有 CSS 优化？

CSS 是需要配合 HTML 结构的，HTML 结构不优化，CSS 调了也是白调，或者说，调整 CSS 作用不大