@Livid 能否在记事本 PC 端的发布页加入响应式或者自适应视图?

2014-10-06 19:34:21 +08:00
 oott123
打算用记事本功能做 user script 的发行注记,用一个 iframe 展示出来。

目前的问题是,当窗口宽度足够小而 UA 又不是移动端浏览器时,页面并没有响应式或者自适应的表现。

想请问能否考虑使用诸如 max-width 一类的 css 使其能够对 PC 端、小窗口的页面表现更加良好?

多谢!
6489 次点击
所在节点    Notes
10 条回复
Livid
2014-10-06 19:37:25 +08:00
我要承认我对 responsive design 不熟。

如果对目前记事本发布页面上的 CSS (就一个 CSS 文件)有什么好的改进提议的话,欢迎直接发代码给我。
kmvan
2014-10-06 20:25:36 +08:00
v2有些地方不是数据呈现居然用的是表格!不过术业有专攻,估计l大大比起前端,更擅长后端
loading
2014-10-06 20:28:13 +08:00
@kmvan 我觉得用表格很对,自适应宽度上,表格又焕发了青春,不信可以自己实验。
wzxjohn
2014-10-06 20:31:32 +08:00
@Livid 我只想说能否将加入收藏等按钮做成Ajax的而不是点一个链接跳转。现在这样的话我收藏了一个主题以后要返回两次才能回到首页,感觉有点小蛋疼。。。
icyflash
2014-10-06 21:22:58 +08:00
@kmvan 不是非得div+css才是好的。。twitter不一样一大堆table
cloverstd
2014-10-06 22:54:17 +08:00
@wzxjohn 我也是,iOS 上直接右滑返回都要两次,所以我索性多开几个标签,保持第一个标签是首页
0x142857
2014-10-06 23:13:20 +08:00
@kmvan 用表格也是好前端!
kmvan
2014-10-07 01:05:28 +08:00
我可没说div+css这么low的组合,我说的是非数据呈现
oott123
2014-10-07 15:28:35 +08:00
@Livid 我刚刚看了一下,稍微修改了一下 css 文件。
https://gist.github.com/oott123/dbee698cd8dd0e47c6f6
这是我刚刚改的文件,你可以试试。只需把这段代码附加到原来的 note.css 文件的下方即可。而且这个样式也自动适配了移动端,那个 mobile 样式似乎也不太需要了 :)
oott123
2014-10-10 10:09:17 +08:00
@Livid 不知道我楼上的回复 Livid 大是否看到了?是我写的 css 有什么不足的地方么?

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

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

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

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

© 2021 V2EX