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

2018-11-04 10:39:58 +08:00
 xmlf

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

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

1906 次点击
所在节点    问与答
15 条回复
webdisk
2018-11-04 10:56:33 +08:00
同在考虑这个问题怎么弄, 要不要做两套界面。
现在我的网盘用的最最原始的办法, 勉强能用 http://mydisk.ml:5156/
xiaohantx
2018-11-04 11:20:07 +08:00
不如 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
@xmlf 找个外包重构下就好了,顺便可以 ui 提高下。。
xmlf
2018-11-04 18:33:56 +08:00
@xiaohantx 一般行情价是多少?
xiaohantx
2018-11-04 18:38:30 +08:00
@xmlf #9 不一定,单纯这个页面如果设计+布局几百块吧,你可以多问几家外包价格
xmlf
2018-11-04 18:58:02 +08:00
@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
@hhhfffhhh 如果只是在现有页面 css 优化呢?
hhhfffhhh
2018-11-04 20:13:09 +08:00
@xmlf 现有 CSS 优化?

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/504255

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX