手机端打开pc端页面布局不乱

页面布局之手机端打开PC端页面布局不乱

首先，在head标签里面设置

<meta name="viewport" content="width=device-width">

其他参数不要设置了，因为移动端展示PC端时，是要可以缩放的效果

其次，给body标签加个样式

body{min-width: 1200px;}//可以根据自己的页面的实际情况来设置最小宽度

这样做时为了在手机端不让页面占屏幕的100%,如果不写最小宽度的话，页面会自动占满屏幕，导致PC端页面在手机端布局错乱