1用dw编辑器建立了一个静态页面 2将建好的静态页命名为csshtml，标题为了“css如何设置图片大小自适应”3在body中添加两个p，设置不能的宽度，并设class为p1和p2，目的是用一样的css控制图片的宽度在不同的宽度容器；宽度设置为100%用百分比做就好了，还可以用js获取窗口宽度和高度，来重新设置图片的宽度和高度；6写样式用quotpingmuquot开始写，给它固定宽高，再添加背景色，让p自适应宽高，超过部分显示滚动条7将这个css样式保存到同级目录下，如ceshihtml在c盘，css样式也保存在c盘8保存好样式后，双击这个；如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中如果通过div嵌入图片，那么将此div设置成绝对定位，zindex1万维网上的一个超媒体文档称之为一个页面外语。

html5中是通过css3的backgroundsize来控制自适应的直接在图片代码里面设置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么给图片统一一个class名例如responseimg，然后在css文件里面设置这个class h；利用table实现 parentwidth100%displaytabletablelayoutfixed left，center，rightdisplaytablecell leftwidth100px rightwidth100px 利用flex实现 parentdisplayflex leftwidth100；首先看你的背景图片大小，如果很大的话，一般情况下很多显示器都会显示的合适如果是想适应移动设备的，用一个CSS3属性 backgroundsizecover就可以了，可以将背景图根据窗口大小铺满整个浏览器窗口；在最外层的div设置minwidth，这样网页小到设定的大小时就不会再小了，就不会出现背景变形，可以试一下；当屏幕宽度小于768px手机时，将图片换为小图，并在div里生成img标签，img的宽高随窗口变化而变化，包裹img的div也随之变化 1打开代码编辑器1html代码的编写3css代码的编写4js的代码编写5在移动端手指；效果图片自动伸缩，不会超过屏幕宽度原理css控制图片的maxwidth代码要么直接在图片代码里面设置style要么给图片统一一个class名；3输入backgroundsize coverwebkitbackgroundsize coverobackgroundsize cover使图片随屏幕大小同步缩放，但是有部分可能会被裁切，不过不至于会露白，下面两句是为chrome和opera浏览器作兼容4输入back。

html简介超文本标记语言，标准通用标记语言下的一个应用 “超文本”就是指页面内可以包含图片链接，甚至音乐程序等非文字元素 超文本标记语言的结构包括“头”部分英语Head和“主体”部分英语Body；使用百分比，比如 lt img src=#39aipg#39style=#39width50%#39 这样就会保持屏幕的50%的宽度如果有上级标签，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那图片大小就是div宽度的50%；html图片水平自适应居中，如果你要用margin0 auto的话，要在外围建立一个大的div如ltdiv style=quotwidth500px height300px margin0 autoquot ltdiv style=quotwidht200px height100pxquotltimg src=quot图片地址。

左右自适应两列布局用到float属性 宽度按百分比设置下图就是在手机中的样子 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot margin 0padding 0；05 在HTML文件中加上对样式文件的引用，返回文件夹，双击HTML文件，发现浏览器的变化会引着图片一起变化，自适应屏幕的大小。

网页设计里的字体怎么改变rem格式响应式网页设计remem设置网页字体大小自适应 rem是指根元素rootelement，html的字体大小，好开心的是，从遥远的IE6到版本帝Chrome他们都约好了，根元素默认的fontsize都是16px。