网页自动适应移动端页面展示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页自动适应移动端页面展示相关的知识,希望对你有一定的参考价值。

今天给客户端写一个用户提交选择语言的页面,在电脑上使用chrome调试好之后,使用移动端模式能正常显示。但是从移动端打开的时候并不能正常显示,显示为电脑样式。

之前有做过一个自动适应的页面,分析代码发现在head标签中加入如下代码即可:

<meta name="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">

 

以上是关于网页自动适应移动端页面展示的主要内容,如果未能解决你的问题,请参考以下文章

移动端H5页面设计

响应式网页设计与自适应网页设计

移动端如何编写自适应网页

教学篇|响应式网页设计与自适应网页设计的分析

移动端网页大小自适应方案

移动端Web页面适配方案(整理版)