Question

怎么做这种静态html页面？

实现下面这种显示样式 图片加文字的 能在手机上自动适应分辨率

Answer 1

你这种每部分格式是一样的，肯定用的for循环来输出。

你要自适应屏幕，那你的文字大小就要改成自动的，

css3提供了一些与当前viewpoint相关的元素，vw，vh，vim等。

“viewpoint” = window size

15vw = 15% 设置width（可以理解为宽度单位）

15vh = 15% 设置height（可以理解高度单位）

此CSS 3单位兼容性：chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+

图片的大小也是如此，都使用自动的宽高度

Answer 2

用Html5表单写就可以了，如果没有什么交互和调用，只是简单的浏览型静态网页是很简单的。

追问

能帮忙做一个吗

Answer 3

img标签可以用来展示图片，文字可以不用标签，直接写就可以，换行的话可以用br标签，换几行加几个br。

追问

那怎么把内容居中靠左呢

追答

text-align:left

Answer 4

最简单的,所有的尺寸相关的东西,都不要用定死的px,em,全都使用百分比%.就可以了.
这是初步的适应,但是有些东西,如果纯粹百分比,又会显示起来很怪异,我建议使用一些移动web的框架做.会简单很多.

Answer 5

首先你得懂前端基础html、css、js
其次，你需要了解响应式布局，媒体查询、rem
最后，最简单使用框架，如bootstrap