Question

html图片自适应成功后，分辨率调整为1280X720以下的时候，图片像素改变了怎么办?求完整代码

麻烦加上代码解释

Answer 1

1、首先：网页手机wap2.0网页的head里加入下面这条元标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放

2、自适应的一般是css使用@media来实现，下面是一些常用的分辨率
@media screen and (min-width:1200px){
屏幕宽度大于1200，这里写样式
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
屏幕宽度大于960小于1199，这里写样式
}
@media screen and (min-width: 768px) and (max-width: 959px) {
屏幕宽度大于768小于959，这里写样式
}
@media only screen and (min-width: 480px) and (max-width: 767px){
屏幕宽度大于480小于767，这里写样式
}
@media only screen and (max-width: 479px) {
屏幕宽度小于479，这里写样式
}
3、小与1280只需要
@media screen and (max-width:1280px){
这里写上你图片的像素就行了
}
4、百度查询@media 详细了解他

追问

你Q多少 有些东西需要详细问下你