H5页面怎么做到可以在PC端界面打开居中显示

H5页面做了移动端适配，现在要求可以用PC端打开，但是要显示的大小和移动端相同

应该怎么做处理？

现在移动端打开是这样的 已经做了适配

img

但是用PC端打开这个网址后 就变形了

img

可以做到像这种，如果是PC端 就默认居中展示，控制这个盒子的大小

img

媒体查询做你这个需求更好一些，它可以根据你自己调节浏览器的宽高来进行页面的变化

html,body{max-width:412px;margin:auto}

通过@media (min-width:768px)画面自适应，当屏幕大于某个值时写你想要的PC端的布局，小于某个值时用移动端的布局

用媒体查询写样式，然后宽度高度可以自适应，这样无论怎么变，相对大小都是一样的