图片分为背景图片和通过img标签引入的图片，前者可以通过media query自动的切换不同分辨率的版本，但是在不支持background image size的浏览器中背景图片无法无级的调整大小也就是在media query切换css的点上可以换一张不同分。

排列首先要排列的四张照片放置到同一个文件夹中并打开电脑中运行html的软件，其次点击界面中的文件编辑栏选择排列点击浮点排列，最后在弹出的页面中点击四张图片并将排列行数设定为两行即可。

十五级大神的答案貌似不是很确切，其实css3+html5。

#p#副标题#e#新的解决方案是HTML5一个新的元素如果元素与当前的和元素协同合作将大大增强响应式图像的工作进程它允许你放置多个source标签，以指定不同的图像文件名，进而根据不同的条件进行加载它可以让你根据以下。

1用Dreamweaver创建一个新的HTML文件2先按ctrls保存，以防突然断电，数据丢失3将title修改为htmlcss，实现横向导航4创建一个新的divid“A”并添加ulli标签5在li中添加所需的文本，并调整文本间距按F12。

1首先打开html文件编辑器，这里使用vscode新建一个html文档，文档中写入基本的html结构，然后插入img标签并插入一张图片，给img一个class属性2然后在上方的head标签中的style标签设置样式，这里设置图片的宽度和高度并设置。

3输入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使图片随屏幕大小同步缩放，但是有部分可能会被裁切，不过不至于会露白，下面两句是为chrome和opera浏览器作兼容4输入back。