网页自动适应移动端页面展示
今天给客户端写一个用户提交选择语言的页面,在电脑上使用chrome调试好之后,使用移动端模式能正常显示。但是从移动端打开的时候并不能正常显示,显示为电脑样式。
之前有做过一个自动适应的页面,分析代码发现在head标签中加入如下代码即可:
<meta name="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
今天给客户端写一个用户提交选择语言的页面,在电脑上使用chrome调试好之后,使用移动端模式能正常显示。但是从移动端打开的时候并不能正常显示,显示为电脑样式。
之前有做过一个自动适应的页面,分析代码发现在head标签中加入如下代码即可:
<meta name="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">