Devices.css: 纯 CSS 实现的 iPhone X、 iPhone 8 等现代设备

2017-09-16 10:03:55 +08:00
 picturepan2

Devices.css 是纯 CSS 实现的 iPhone X、iPhone 8、Galaxy S8、MacBook Pro、Surface Studio 等现代设备，内容区域遵循原屏幕分辨率比例，可用于首页或应用展示页。

演示页： https://picturepan2.github.io/devices.css/

3838 次点击
所在节点    分享创造
4 条回复
kimown
2017-09-16 10:39:15 +08:00
厉害，正好需要，楼主能抽出成 react 组件,用 npm 管理吗，比较这样便于分发，而且使用维护都很方便
shisaq
2017-09-16 10:43:04 +08:00
棒棒哒
picturepan2
2017-09-16 10:59:56 +08:00
@kimown 方便告诉我用在什么场景嚒？
hizoubin
2017-09-16 21:48:08 +08:00
@picturepan2 app 的网站展示吧

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

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

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

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

© 2021 V2EX