通过设置viewport元标签，可以控制浏览器中的viewport大小和缩放比例，实现自适应布局viewport元标签内通常包含设置设备独立像素初始缩放比例以及最小和最大缩放比例的属性，这些属性帮助浏览器根据设备屏幕尺寸调整页面布局采用rem单位进行布局，依据页面根元素的字体大小来设置其他元素尺寸，实现自适应布局。

所谓自适应，就是对所支持的分辨率有一个预先定义好的宽度具体做法是，1，使用js根据屏幕分辨率来设置html宽度，不同的分辨率采用不同的html宽度2，采用固定宽度然后居中对齐或者左对齐或者右对齐3，由用户选择或者调整宽度，让后记住该用户习惯，以后登录时直接读取前回设置的宽度4，将以上三种。

一般需要用到JQuery来控制pre的文字字体大小lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitlelttitleltheadltscript src=quotltscript type=quottextjavascriptquot$functionvar domH = $#39msg#39height 外框的高度var fsize = domH3 要改变的文字尺寸$#39。

首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度修改为百分比width=devicewidth ，也就是@mediainitialscale=1quot超文本标记语言，标准。

有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，如二是键盘上没有的字符HTML字符可以用一些代码来表示，代码可以有2种表示方式即字符代码命名实体和数字代码编号实体字符代码以符开始，以分号结束，其间是字符名数字代码也以符开始，以分号结束，其间是#号加编号。