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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3700 天前的主题，其中的信息可能已经有所发展或是发生改变。

打算用记事本功能做 user script 的发行注记，用一个 iframe 展示出来。

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

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

多谢！

记事本

响应

页面

10 条回复 • 2014-10-10 10:09:17 +08:00

Livid

MOD

2014-10-06 19:37:25 +08:00

我要承认我对 responsive design 不熟。

如果对目前记事本发布页面上的 CSS （就一个 CSS 文件）有什么好的改进提议的话，欢迎直接发代码给我。

kmvan

2014-10-06 20:25:36 +08:00 via Android

v2有些地方不是数据呈现居然用的是表格！不过术业有专攻，估计l大大比起前端，更擅长后端

loading

2014-10-06 20:28:13 +08:00

@kmvan 我觉得用表格很对，自适应宽度上，表格又焕发了青春，不信可以自己实验。

wzxjohn

2014-10-06 20:31:32 +08:00 via iPhone

@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 via Android

@kmvan 用表格也是好前端！

kmvan

2014-10-07 01:05:28 +08:00 via Android

我可没说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 via Android

@Livid 不知道我楼上的回复 Livid 大是否看到了？是我写的 css 有什么不足的地方么？