移动网页设计规范（适应手机屏幕大小）
生活随笔
收集整理的這篇文章主要介紹了
移动网页设计规范（适应手机屏幕大小）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><!-- 設定頁面內容不緩存 --><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><!-- width - viewport的寬度height - viewport的高度initial-scale - 初始的縮放比例minimum-scale - 允許用戶縮放到的最小比例maximum-scale - 允許用戶縮放到的最大比例user-scalable - 用戶是否可以手動縮放--><!-- 網頁手機wap2.0網頁的head里加入下面這條元標簽，在iPhone或Android的瀏覽器中頁面將以原始大小顯示，并不允許縮放。--><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="MobileOptimized" content="240"/></head><body></body>
</html>
注意：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />其中參數根據需要設定。
如果有時在手機中顯示并不是適應屏幕的（如圖片過寬等）請嘗試將控件的長寬取消即自適應。
總結
以上是生活随笔為你收集整理的移动网页设计规范（适应手机屏幕大小）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 水文监测系统 水文遥测终端机 遥测终端机
- 下一篇： 用3dmax怎么设置nbsp;3D室内设