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

发布网友发布时间：2022-04-23 13:50

我来回答

共5个回答

懂视网时间：2022-04-21 03:41

sales

回复讨论(解决方案)

改成自适应屏幕的应该可以吧。。

现在的手机打开HTML网页无压力吧。

就是不会改css，基础不好，表示压力很大
改成自适应屏幕的应该可以吧。。

是简单的，不然不会让我来做，可是我就是参透不了
现在的手机打开HTML网页无压力吧。

javascript screen size to scale the page size

热心网友时间：2022-04-21 00:49

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

标签代码如下：

注意：现有网站直接改成移动端虽说理论上可行，但如果不是一开始就相对设计较为完善的话，重新基本就是要重做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; /*垂直对齐该行元素内的最大元素顶部/

热心网友时间：2022-04-21 02:07

如果你是cms做的站的话，目前基本全部cms系统都有自带的转化工具，你转化下就可以了。如果是你自开发的话，你手机版需要重新开发排版。

热心网友时间：2022-04-21 03:42

可以使用手机最高分辨率，设备默认分辨率，或者自己指定210dpi等等参数。

其次就是布局的响应式问题，这就是你基本技术的一次改变，可能会复杂一些了。这需要慢慢修改。

例如如果将虚拟网页页面布局划分为5列，当实际屏幕的像素数在500以下时你可能每行只显示3列，然后另外两列则变成了插入的第二行了。或者图片都应该有一些通用的自动适应外边容器的宽度和高度的css。或者不同分辨率下的不同业务部分（用class区分）字体的字体的自动变大。

这样才能保证（上述列宽自动调整之类的）自动排版下的页面显示的内容比较清晰易读、留白比较合理。这个层次需要进行统一的设计。

热心网友时间：2022-04-21 05:33

得自己改，这里面的CSS样式、事件等都必须重新搞。哪有自动转换的软件啊？