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

Question

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

Answer 1

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

1、首先，我们打开一个网页，如下图；

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

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

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

5、选择后，下方会有"Resolution"会自动填充，意思是手机分辨率，如果你的手机型号不在其内，自己写分辨率尺寸也可以的，如下图；

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

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

Answer 2

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

2、打开浏览器之后，按键盘上的F12键，调出页面代码模式。

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

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

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

本回答被网友采纳

Answer 3

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

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

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

3、接着在此页面内，在其左上角可看到手机标志，使用鼠标左键单击此标志，然后就完成了。

本回答被网友采纳

Answer 4

有些中间件提供这些功能，可以将网页自适应到手机网页上，但是效果并不理想，由于显示大小的不同，容易使得手机上看普通网页字体变形，因此一般建议你将计算机可以浏览的网页重新布局，生成适合手机浏览的网页，建议语言PHP本回答被提问者和网友采纳

Answer 5

这个需要具备html5知识，手机网页只是电脑网页的缩小版，宽度变窄，网页中的元素改变布局样式，更适合手机浏览。