html css 1920的图片，在不同分辨率屏幕下，居中显示？ 50
<!doctypehtml><html><head><metacharset="utf-8"><title>xxxxxxxxxx</title><style>*{padd...
<!doctype html><html> <head> <meta charset="utf-8"> <title>xxxxx xxxxx</title> <style> *{ padding:0; margin:0;} .top{ width:100%; height:100px; background:olivedrab; } .main{ width:1200px; margin:0 auto; height: 100px; background: #666; } .box{ overflow: hidden; position: relative; width: 100%; height: 618px; } .boxin{ width:1920px; position:absolute;left:50%;margin-left:-960px; } </style> </head> <body> <div class="top"> <div class="main"></div> </div> <div class="box"> <div class="boxin"> <img src="1920.jpg" > </div> </div> </body></html>在手机上右边有一块空白，目的就是在不影响电脑上居中显示的情况下，在手机上能完整显示图片（不要有空白）
展开
展开全部
移动端的网页应该设置viewport（视口或者视区），比如：
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
把它放到head区即可。具体的意思你可以自己搜viewport。
电脑端的浏览器会自动忽略这个。
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
把它放到head区即可。具体的意思你可以自己搜viewport。
电脑端的浏览器会自动忽略这个。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
