那些仿知乎的 webapp 是怎么知道 ui 尺寸的？

[daguaochengtang]

想问下，好多人开源的仿知乎啊，仿简书啊这类的 webapp，他们是怎么知道 ui 尺寸的，日常的开发不都是拿到设计稿再进行开发嘛？比较好奇他们是怎么做的，有知道的麻烦解答下

[daguaochengtang]

没有一个人知道吗？

[DeWhite]

ZOL 也抄袭了一个，很明显了。
知乎的 UI 是网络上生成的普遍 UI。。

[learnshare]

F12 哪一个像素抄不来

[daguaochengtang]

@learnshare 知乎如果在 pc 的手机模拟器上打开，看到的 ui 和 app 里的 ui 是不一样的啊，可是我看那些项目的 ui 是参照 app 来做的，所以 F12 应该是不行的。

[Trim21]

一心想仿的话最差还可以手机截图下来量吧…

[DeWhite]

bootstrap 你值得拥有。

[daguaochengtang]

@DeWhite 可能我表达的不够清楚，我的意思是，拿知乎为例，知乎 app 的 ui 和 pc 的 ui 是不一样的，仿 pc 来写自然可以 F12 来看，但如果我想写一个和 app 的 ui 一样的项目，要怎么做呢？

[daguaochengtang]

@DeWhite 这跟 bootstrap 有什么关系。。。

[WildCat]

1. The Sketch approach:



2. An expensive approach:
https://xscopeapp.com/features

[daguaochengtang]

@Trim21 截图的话，不知道写 css 的时候单位要怎么写了，直接量 px 好像不准吧，一般不都是 750 的设计稿用 rem 单位吗？

[daguaochengtang]

啊，感谢！这个应该可以！

[learnshare]

@nikolausliu App 截图足够了，选什么单位取决于开发的经验

[daguaochengtang]

@learnshare 好的