1、电脑网站想要转成手机版的网站，首先打开一个网页，举例说明一下。
2、然后按键盘的F12键，出现如下元素界面，不用担心全是英文的。
3、然后点最下方的“Emulation”菜单选择即可，效仿。
4、然后，可以看到下面有很多参数选项，选择“MODEL”即可，这个单词应该认得不，手机来着哦，点右边下拉列表框，有好多手机型号选择。
5、选择后，下方会有"Resolution"会自动填充，意思是手机分辨率，当然如果手机型号不在其内，自己写分辨率尺寸也可以。
6、然后看页面内容变化，已缩小成手机模式，电脑网站就转成手机版的网站了，完成。
1、打开系统自带浏览器。2、打开一个电脑版的网页，然后点击屏幕地址栏左上角的大小字样。
3、然后点击请求移动网站。
4、自动重新刷新一次后就变成手机网页了。
需要设置标签，字体什么的都会相应的适配手机，当然还需要调样式。
标签代码如下：
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="white">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
注意：现有网站直接改成移动端虽说理论上可行，但如果不是一开始就相对设计较为完善的话，重新基本就是要重做UI部分，连带后端也要做相应的调整。
扩展资料：
常用属性
color : #999999/*文字颜色*/
font-family : 宋体,sans-serif/*文字字体*/
font-size : 9pt/*文字大小*/
font-style:itelic/*文字斜体*/
font-variant:small-caps/*小字体*/
letter-spacing : 1pt/*字间距离*/
line-height : 200%/*设置行高*/
font-weight:bold/*文字粗体*/
vertical-align:sub/*下标字*/
vertical-align:super/*上标字*/
text-decoration:line-through/*加删除线*/
text-decoration: overline/*加顶线*/
text-decoration:underline/*加下划线*/
text-decoration:none/*无修饰线*/
text-transform : capitalize/*首字大写*/
text-transform : uppercase/*英文大写*/
text-transform : lowercase/*英文小写*/
text-align:right/*文字右对齐*/
text-align:left/*文字左对齐*/
text-align:center/*内部元素居中*/
text-align:justify/*文字分散对齐*/
vertical-align:top/*垂直对齐该行元素内的最大元素顶部/
