电脑网站生成手机网站

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

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

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

⑵ 电脑上的网站怎么样转化成手机网站使用

是谷歌浏览器和UC浏览器里有设置电脑版

⑶ 已经做好的pc版网页，如何转成手机端的

需要设置标签，字体什么的都会相应的适配悉竖渗手机，当然还需要调纤纳样式。

标签代码如下：

<metaname="apple-mobile-web-app-capable"content="yes">

<metaname="apple-mobile-web-app-status-bar-style"content="white">

<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>

注意：现有网站直接改成移动端虽说理论上可行，但如果不是一开始就相对设计较为完善的话，重新基本就是要重做UI部分，连带后端也要做相应的调整。

(3)电脑网站生成手机网站扩展阅读：

常用属性

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; /*垂直对齐该行元素内的最大元素顶部/

⑷ pc网站有了，怎么做手机适应的网站

一、PC网站自动适配手机网页的7个步骤

一般来说，移动适配主要通过底层的web技术开发手段来完成，下面马海祥将通过移动适配技术的角度来告诉你通过7个步骤来完成一个PC网站向移动设备的跳跃！

1、允许网页宽度自动调整

“自适应网页设计”到底是怎么做到的？其实并不难。

首先，在网页代码的头部，加入一行viewport元标签，viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。

所有主流浏览器都支持这个设置，包括IE9，对于那些老式浏览器（主要是IE6、7、8），需要使用css3-mediaqueries.js。

2、不使用绝对宽度

由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素，这一条非常重要。

具体说，CSS代码不能指定像素宽度：width:xxxpx;

只能指定百分比宽度：width:xx%;或者width:auto;

3、相对大小的字体

字体也不能使用绝对大小（px），而只能使用相对大小（em）。

body{

font:normal100%Helvetica,Arial,sans-serif;

}

上面的代码指定，字体大小是页面默认大小的100%，即16像素。

h1{

font-size:1.5em;

}

然后，h1的大小是默认大小的1.5倍，即24像素（24/16=1.5）。

small{

font-size:0.875em;

}

small元素的大小是默认大小的0.875倍，即14像素（14/16=0.875）。

4、流动布局（fluidgrid）

“流动布局”的含义是，各个区块的位置都是浮动的，不是固定不变的。

.main{

float:right;

width:70%;

}

.leftBar{

float:left;

width:25%;

}

float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。

另外，绝对定位（position:absolute）的使用，也要非常小心。

5、选择加载CSS

“自适应网页设计”的核心就是CSS3引入的MediaQuery模块，它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。

media=”screenand(max-device-width:400px)”

href=”tinyScreen.css”/>

上面的代码意思是，如果屏幕宽度小于400像素（max-device-width:400px），就加载tinyScreen.css文件。

media=”screenand(min-width:400px)and(max-device-width:600px)”

href=”smallScreen.css”/>

如果屏幕宽度在400像素到600像素之间，则加载smallScreen.css文件。

除了用html标签加载CSS文件，还可以在现有CSS文件中加载。

6、CSS的@media规则

同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。

@mediascreenand(max-device-width:400px){

.column{

float:none;

width:auto;

}

⑸ 手机站是怎么做的怎样让pc端网站做成手机站

做手机网站的方法一下几种

1、模板站，下载手机网站模板，然后将内容和PC站点通用，这样移动设备访问网站时就会自动转入到手机站的模板。

你也可以解析一个m开头的域名作为手机站的域名，有利于搜索引擎抓取。

2、自适应网站，这种网站不需要另做手机站，因为网站的自适应，会根据你使用的设备分辨率来调整网页的排版和内容显示。

3、pageadmin快速建站，现在有很多服务商支持pageadmin快速建立手机网站，只需要你把内容上传，这些服务商就会将这个网站做出来，比较方便快捷，，支持使用自己网站的域名。

4、用代码写出来的手羡纯机站，这种网站就是属于静态网镇咐站，所有的内容都是通过代码写进去的，想要更改内容比较麻烦。优点就是一步到位，想要什么效果都能达到。

5、手机直达页，这种可以说是一个网站，也可以说是一个网页，这种手机站比较兄旅咐适合推广使用，将所有企业的推送产品放在这个页面上，然后完美的展示出来，用户点击之后可以进入购买页面或者直接进入咨询页面，可以更有效的提高转化效果。

⑹ 手机站是怎么做的怎样让pc端网站做成手机站

WAP手机可以通过链宴标准的协议接入互联网，手机上网，可以获取适用于手机浏览的网上信息，以及基于互联网的丰富应用。如新闻浏览、搜索、邮件、访问、查询、无线电子商务等，使人们体验无线互联网的丰富应用，更重要的，这些所有的网络应用，都可以在移动环境中进行，使得网络应用前所未有的方便快捷。能够便捷的在手机上展示企业的信息，可以提供多种功能包括新闻信息、即时通信、娱乐、阅读、搜索等功能，可以对企业进行良好的宣传。不过手机网站的表现力还是相对比较差，功能方面需要完善。

wap网站建设

与传统互联网一样，企业要开展wap网络营销，也需要建设自己的wap网站。虽然在表现形式上，wap网站要弱于一般的网站，对于图片、动画等表现力度不够，但麻雀虽小，五脏俱全。制作一个企业wap网站，可以从以下几个方面入手：

一、企业宣传

Wap上的企业宣传很能体现文字功底：既要简单明了，又要突出企业的核心竞争力。一般说来，企业的成立时间、规模、联系方式、主营业务等，是访问者了解一个企业的首要内容，特别是企业的联系方式，可重点予以单列，以方便查阅和联系。

二、产品展示

企业在WAP网站上，需要表现的重点仍然是产品展示。移动客户访问企业的wap 网站往棚扒银往是有备而来，想了解某个产品的详细参数或价格。所以企业在wap上的产品展示，可选择企业的主要产品，对其各类参数或价格加以详细说明。同时，对于企业的新产品信息，也可以适当的加以介绍。

三、客户服务

对于企业的客户服务而言，可能wap网站比传统网站会更有效。客户服务包括客户咨询与投诉两个方面，通过企业的wap客户服务平台，无论何时何地，客户均能通过手机对企业进行咨询或投诉，而企业对于客户的咨询或投诉能够快速响应，与此穗客户建立起一对一的联系。

⑺ 怎么把电脑网站转成手机版的网站

用网络siteapp。

⑻ 如何快速建立与PC网站同步的手机网站

如果已经做好了一个PC电脑版网站，通过网络Site App同步的功能就可以快速拥有自己的手机网站了。步骤如下：
一、网络Site App申请试用
1、进入网络Site App官网
2、进入网站后，首先是添加一个网站。
3、输入网站域名，点击确定。

4、接下来是下载验证文件，上传到域名的根目录，点击验证就行了。

二、网络Site App快速生成WebApp
1、通过了域名验证后，然后就是在线制作WebApp了。首先是选择一个应用模板。
2、接着是添加WebApp的导航和内容了。用鼠标在要添加的内容上点击，然后Site App会显示一个方框。

3、点击这个方框后就会出现添加窗口了。先是添加导航。
4、还有添加内容，可以给自己的内容设定一个标题。

5、确定后就能在左边的WebApp中看到预览效果。

6、当导航和内容添加完成后，确定就可以为你的WebApp设置一个名称了。还可以在底部设置相关搜索、联系信息等。

三、网络Site App配置自己的域名

1、完成了自己的WebApp制作后，最后就是为应用设置好一个独立的域名了。
2、这个域名可以直接被移动设备来浏览，并且你还可以在网页放置一段代码，当有移动设备浏览时就会自动跳转到该WebApp应用上。
3、先添加一个二级域名地址，然后到DNS管理处做CNAME记录解析，记录值是：siteapp..com，
4、待CNAME解析生效后，就能用你的新的域名访问WebApp应用了。

四、网络Site App生成WebApp效果和问题
1、通过网络Site App可以直接看到WebApp效果了。
2、WebApp生成效果

3、不过在预览效果中看到生成的WebApp却出现图片不显示的情况，很有可能是设置了图片防盗链造成的。

4、另外发现部落的评论都出现了显示问题。

通过以上的方法就可以在几分钟内将自己的电脑PC网站同步为手机网站，不需要自己更新，只要PC网站更新内容，手机网站也会更新内容。

⑼ 怎么把HTML电脑网页转换成手机版的

将电脑网页修改成手机网页步骤：
1、首先，我们打开一个网页

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

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

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

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

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

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

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

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