我在 Elementor 里把首页排得挺满意，截图发给朋友，她用手机打开，说购买按钮跑到屏幕外面去了。

我还回她是不是浏览器没刷新，结果自己一看，也是乱的 😮‍💨

一、电脑上是怎么拼出来的

为了让电脑上的图片和文字对齐，我给文字框填了固定宽度，又挪了负边距。具体数字都是边试边凑的，当时觉得能摆进去就算会用了，根本没想手机屏幕只有那么窄。

二、手机上全乱

后来在手机预览里连着改字号和间距，桌面那边也跟着变了，我越修越乱。

茶已经凉了，杯底粘着一张便利贴，端起来像挂了条尾巴。我还拍给朋友看，算是找点别的事缓缓 😅

三、一晚上没干别的

页面却比出问题前更难收拾。幸好还没上线，我用编辑器里前面的修订退回去，重做了最乱的那一块，又拿两台手机看，按钮才没再消失。

四、现在的做法

只动当前设备下能确认的设置，改一处就看一次，也把改之前的状态留了份备份。那个负边距我先撤掉了，电脑上空一点我认了。

以前我以为手机端就是电脑页面自动缩小，算是交学费了。

也不确定现在是不是完全好了，朋友那台屏幕更窄，标题还多折了一行。你们平时会特意找几种屏幕宽度测，还是自己的手机看着顺就先上 🤔