浏览器部分能够显示的最小字体未12px，当移动端页面宽度为320px时，要保证最小字体为12px，那么在1080px的设计图中，最小字体应当为42px代码实例ltstyle type=quottextcssquot html fontsize 42px。

图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值如下代码html代码ltdiv class=quotimgboxquot ltimg src=quot图片地址quot alt=quotquot ltdiv 此时的css可以写成imgbox imgwidth100% 这样，图片。

1首先需要新建一个HTML页面2然后输入页面的标题，可以按照下方图中的进行设置3然后在根据下方图片中的代码进行编辑，4在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式。

首先看你的背景图片大小，如果很大的话，一般情况下很多显示器都会显示的合适如果是想适应移动设备的，用一个CSS3属性 backgroundsizecover就可以了，可以将背景图根据窗口大小铺满整个浏览器窗口。

你可以设置图片的宽度为100%，这样图片就可以根据你的屏幕大小改变宽度了 你可以设置包在图片外部的div为100%，然后设置overflowhidden的属性，这样图片大了之后就会溢出隐藏，不会搞乱你的布局了。

根据你要做的产品图或banner图，外面的div要设置宽度高度里面的图片再设置 width100% heightauto。

6最后在title标签下面插入style标签如下图所示，接着在style标签中编辑css样式，如下图所示，imgwidth100pxheightauto，这里表示把图片设置为100px宽auto表示高度根据图片比例自适应设置图片大小就完成了。

当屏幕宽度小于768px手机时，将图片换为小图，并在div里生成img标签，img的宽高随窗口变化而变化，包裹img的div也随之变化 1打开代码编辑器1html代码的编写3css代码的编写4js的代码编写5在移动端手指。

如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中如果通过div嵌入图片，那么将此div设置成绝对定位，zindex1万维网上的一个超媒体文档称之为一个页面外语pag。