你觉得实现响应式布局最快的方式?

2018-12-17 10:10:45 +08:00
 1012808318

有的响应式设计是有电脑端的设计稿外加移动端的设计稿,有的是只有电脑端的设计稿(手机端由前端工程师自己看着做)。

1.你觉得实现响应式布局最快的方式? 2.bootstrap/layUI/amazeUI ?

3499 次点击
所在节点    前端开发
14 条回复
murmur
2018-12-17 10:13:22 +08:00
响应式布局那是只有在梦里才有的功能
不是每个网站都能像挨炮那种靠一张图一段字一张图一段字就能把内容搞明白的
而且即便这种设计 也对作图的功底要求非常高 毕竟在手机上和电脑上都要看到有效信息 而且电脑的大屏不能看着太奇怪
1012808318
2018-12-17 10:14:18 +08:00
@murmur 现在很多都是这种设计了
Flobit
2018-12-17 10:15:32 +08:00
最开始接触的就是 bootstrap
murmur
2018-12-17 10:15:33 +08:00
@1012808318 但是你常用的大网站都没有响应式 全是 2 套布局独立设计
luoway
2018-12-17 10:17:28 +08:00
如果有视觉设计,那就
media query 写两套
或 SSR 写两个页面
包治百病
awanabe
2018-12-17 10:44:54 +08:00
用 vw 作为单位写 css,
然后到小屏幕写 media 兼容就行了... 多用不同 media 宽度下面的 display 属性...可以让你任意显示和不显示某一块内容
做响应式是最简单+报价最高的部分...
hlwjia
2018-12-17 11:15:12 +08:00
只有电脑端设计稿就祝你好运了,除非是特别简单的页面。

不然你不止承担了设计的工作,你还承担了产品的工作。
JenJieJu
2018-12-17 11:15:33 +08:00
@murmur 十分同意
murmur
2018-12-17 11:26:09 +08:00
@awanabe 小米的官网就是这么做的响应式 结果横屏的时候页面显示效果刺激炸了 现在还可以看到效果
baijd
2018-12-17 13:40:06 +08:00
刚试了下。真的好刺激😫
iamwh1temark
2018-12-17 15:02:28 +08:00
直接告诉你搜索用的关键字吧 html5 responsive template free
KasuganoSoras
2018-12-17 15:03:48 +08:00
bootstrap 忠实用户
learnshare
2018-12-17 15:08:49 +08:00
Bootstrap 主要的难题是跟设计稿差异过大,以至于不如自己处理响应式来得方便
kakudesu
2018-12-18 15:10:40 +08:00
vw,vh + media 吧

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

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

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

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

© 2021 V2EX