如何适配不同分辨率的移动端web的整页图片和文字大小和位置？

Question

这里要做一个页面，只有一张图片和几个文字，要求适配移动端，图片宽度要永远与移动端宽度相等，下面有几行文字，在不同的分辨率下文字大小、间距等要看起来差不多。如何实现？

Answer 1

http://segmentfault.com/a/1190000003690140
参照rem布局

Answer 2

可以看看css里的@media属性，用来在不同分辨率下切换css样式。

Answer 3

适配问题有很多种解决方案，常用的有楼上提到的rem与媒体查询。

• rem能够在css中一次定值，直接适配，但是有个很大的问题是计算复杂和准确性差，需要运用非常熟练才行

• @media 则需要在不同宽度下匹配尺寸，代码较多，但是在主流尺寸上够准确
  一般来说是根据自己需要来选择方式。