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

This topic created in 4260 days ago, the information mentioned may be changed or developed.

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

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

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

多谢！

记事本

响应

页面

10 replies 2014-10-10 10:09:17 +08:00

Livid

MOD

PRO

Oct 6, 2014

我要承认我对 responsive design 不熟。

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

kmvan

Oct 6, 2014 via Android

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

loading

Oct 6, 2014

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

wzxjohn

Oct 6, 2014 via iPhone

@Livid 我只想说能否将加入收藏等按钮做成Ajax的而不是点一个链接跳转。现在这样的话我收藏了一个主题以后要返回两次才能回到首页，感觉有点小蛋疼。。。

icyflash

Oct 6, 2014

@kmvan 不是非得div+css才是好的。。twitter不一样一大堆table

cloverstd

Oct 6, 2014

@wzxjohn 我也是，iOS 上直接右滑返回都要两次，所以我索性多开几个标签，保持第一个标签是首页

0x142857

Oct 6, 2014 via Android

@kmvan 用表格也是好前端！

kmvan

Oct 7, 2014 via Android

我可没说div+css这么low的组合，我说的是非数据呈现

oott123

Oct 7, 2014

@Livid 我刚刚看了一下，稍微修改了一下 css 文件。
https://gist.github.com/oott123/dbee698cd8dd0e47c6f6
这是我刚刚改的文件，你可以试试。只需把这段代码附加到原来的 note.css 文件的下方即可。而且这个样式也自动适配了移动端，那个 mobile 样式似乎也不太需要了 :)

oott123

Oct 10, 2014 via Android

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