如何将电脑网页修改成手机网页


想制作适应或者修改 电脑网页 能在手机上显示

将电脑网页修改成手机网页步骤:

1、首先,我们打开一个网页,如下图;

2、然后我们按键盘的F12键,出现代码元素界面,如下图;

3、然后我们点最下方的“Emulation”菜单选择即可,如下图;

4、然后,我们可以看到下面有很多参数选项,选择“MODEL”即可,如下图;

5、选择后,下方会有"Resolution"会自动哪友填充,意思是手机分辨率,如果你的手机型号不在其内,自己写分辨率尺寸也可以的,李氏槐如下图核吵;

6、然后看页面内容变化,已缩小成手机模式,如下图;

7、选择右手边的Reset,可以退出当前设置恢复网页原形,也可以重新设置,如下图;


1、电脑打开浏览器页面。

2、打开腔或告浏览器之后,团饥按键盘上的F12键,调出页面代码模式。

3、调出浏览器代码模式伍明后,点击代码界面左上角的手机模式。

4、点击代码界面左上角的手机模式后,网页就变成手机模式的了。

5、可以点击手机模式上方的尺寸或者百分比更改界面尺寸。


将电脑网页修改成手机网页的具体操作步骤如下:

1、首先在电脑上点击打开“浏览器”的页面,在此页面中单击键盘上的“F12”键。

2、然后就会跳转到此页面代码的页面。


3、接着在清锋此页面内,在其左上角可看到手机标志,使用鼠标左答仔晌键单击此戚乎标志,然后就完成了。






有些中渗逗间件提供这些功能,可以将网页孙答自适应到手机网页上,但是效则喊慧果并不理想,由于显示大小的不同,容易使得手机上看普通网页字体变形,因此一般建议你将计算机可以浏览的网页重新布局,生成适合手机浏览的网页,建议语言PHP
这个需要具备html5知识,手机网页只是电脑网页如贺的缩小版,宽度变窄,网页悄橡野中的元素改变启喊布局样式,更适合手机浏览。