请问大佬, html 在移动端、PC 端、Web 端分别用什么单位啊?

2019-03-27 10:01:37 +08:00
 lincya

公司需要用 electron 包 html 页面,做个 pc 端的 APP,现在在纠结 pc 端用的是什么单位?

移动端:rem Web 端:px PC 端:px?????

请大佬们指教。

3605 次点击
所在节点    问与答
12 条回复
runze
2019-03-27 10:18:46 +08:00
移动端 VW,PC 端 px
sky101001
2019-03-27 10:20:26 +08:00
都用 rem 吧,省事
ChefIsAwesome
2019-03-27 10:24:18 +08:00
你都用 px,什么毛病没有。px 本身就是相对单位,跟屏幕尺寸有关系,跟分辨率没关系。同样 4 寸的手机屏幕,分辨率一个 1080p,一个 480p,你在网页里取视图宽度,返回的可能都是 360。
cxtrinityy
2019-03-27 10:27:33 +08:00
@ChefIsAwesome px 的大小取决于屏幕尺寸和分辨率的共同计算吧,相同分辨率,不同尺寸,px 自然不同
murmur
2019-03-27 10:27:46 +08:00
rem 有坑的 不要想着 pc 端移动端完美响应式 错误的案例就是小米首页错用 rem 把横屏检测成了平板 效果及其炫酷
Yiki
2019-03-27 10:31:53 +08:00
看你想响应式还是想分开设备来分别写了
我都用 px(⊙﹏⊙)...
DOLLOR
2019-03-27 10:37:34 +08:00
大多数情况用 px 都不会有问题。
对于用户来说,使用更大的屏幕,是为了看到更多的内容,而不是更大的文字,所以,如果不是以图片展示为主的页面,也最好不要用 rem。
delectate
2019-03-27 11:14:32 +08:00
rem
icyluna
2019-03-27 11:17:36 +08:00
rem 移动端缩放 单独调整
TomVista
2019-03-27 11:20:35 +08:00
百分比和 px 相互约束 我移动端 pc 都用的这个方案 但是适配范围比较小,需要响应式设计.
ironMan1995
2019-03-27 12:04:55 +08:00
lowly
2019-03-27 15:36:20 +08:00
@murmur 特意手机横屏进小米网站看了下,根本停不下来

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

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

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

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

© 2021 V2EX