当前位置:首页 » 网站资讯 » 如何把网站转换成手机
扩展阅读
苹果下载软件全屏 2025-02-02 09:53:45
移动网络hd是否额外收费 2025-02-02 09:48:57

如何把网站转换成手机

发布时间: 2023-08-26 21:01:34

⑴ 已经做好的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部分,连带后端也要做相应的调整。

(1)如何把网站转换成手机扩展阅读:

常用属性

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