对有多种语言且要适配移动端的网站如何布局？

需求：

1、语言版本：中文、英文或者其他两种及两种以上语言；

2、对PC端 移动端都要适配；

---

看似简单的需求，需要考虑的不少。但其实总结下来也就这几点：

1、拿到设计稿，确认有几个版本？

如果页面设计复杂，需跟设计师确认在不同大小的情况下，各部分如何展示；

中文版和其他语言版有何不同，配图 文案 页面大小等方面；

2、其他语言版 移动端 甚至是不同宽度下的展示是否都有设计稿？

这点很重要，英文版绝不是你想象的把中文换成英文的事情哦。

3、页面动效要沟通好，关系到页面实现和提前规划

4、只要确认有移动端，图片图标一律用2倍或3倍图；装饰图一律用背景图，背景大小100%；能用代码写的地方绝不用图片；

5、写页面开始，头尾内容分3个页面写【先写好再拆分也可】；中英文分开写；

6、秉持着先易后难的原则，复杂效果预留最后写，可大大提高效率；

7、先写PC端后适配移动端；先常规页面后适配其他大小的页面；

8、有见过前端将设计稿放在页面下方，可做到页面与设计稿只有微小误差，倒也是不会给任何人留下话柄的一种方法。

---

再简练点：确认原始需求-确认设计稿-沟通-实现-bug修改。

---

实际工作中的情况更为复杂：还没做完就开始改变需求；做完了给大家看效果的时候，改需求；总之就是有改不完的需求。怎么办？

只能说一句：胳膊拧不过大腿，合理的需求就改吧~

还有很多设计师会留坑给你，上面的几条建议呀，可防止避坑。

只要耐心足够，功底深厚，有N种方式实现页面效果，聪明的写页面最重要。