h5页面可以在pc端展示么？还是只能在移动端（如微信上）展示啊？。。

Posted 2023-04-23

可以的，主要是看你把样式设置成什么样子，像兔展这种类型的工具制作出来的h5页面，只适合在移动端展示。

H5页面怎么制作及发布

一、准备阶段

1.首先登录平台（注册为普通用户即可），也可以使用账号共享登录。

2.点击“新建项目”，即可先建立一个空白的H5项目页面。

3.如图所示，为新建立的一个空白页面，在这个页面中即可进行编辑。

二、文本图片编辑

1.点击上方的“新建文本”，可在页面中心添加一文本框，并可在右侧调整字体属性。

2.点击上方的"图片库",可以选择平台提供的素材，也可以选择“上传图片”，图片可以进行属性设置和动作设置。

3.点击“形状元素”，可以在页面添加一些特殊形状，供用户方便使用。

4.平台还提供按钮链接，在右侧可以输入URL链接，还可以编辑按钮文本。

三、模板使用

点击页面左下角的“+”号，可以选择许多非常炫酷的模板供用户使用。

四、背景音乐添加

点击右上角的“背景音乐”，选择背景音乐，点击音乐名字即可添加。

五、H5页面发布

点击右上角的“预览”，即可预览，同时有分享链接，可以分享给好友一起看。

参考技术A

H5可以在PC端进行展示，因为就是一个网址链接。

但是如果碰到不能在PC端展示的情况，一般是这样的：

开启了微信授权，需要拿到打开用户的微信头像跟昵称，所以需要在微信环境中打开。

再一个是开发该H5的时候，没有考虑在PC端展示的情况，或者PC端展示效果不够好，但这种情况比较少

如果是必须要在微信环境中打开，但是又想要在电脑端查看效果，可以下载一个微信开发者工具，将你的微信登录就可以拿到微信头像跟昵称等信息了。

我自己用的是意派Epub360，这个工具做的H5在手机微信和PC端都可以打开，也有微信授权的设置，还是很方便的。

参考技术B 都可以的，主要是看你把样式设置成什么样子的，像兔展这种类型的工具制作出来的h5页面，只适合在移动端展示。追问

那什么样的设置适合在PC端展示啊？～

页面重构感想

总的来说，这次重构还是很锻炼自己的综合素养，这期间有感受到手酸得抬不起来的感觉，最终能把移动端和pc端在规定的时间里完成并且完善，我还是觉得很满意的。

 

1、
h标签和ul配合使用，或者用弹性盒模型分配(汤老师解决的)
2、在hover的同时，做一个展示性的hover标签，有时不能生效，可能是权
重问题。
3、弹性盒模型大多不用测量得像PC端那么精准，但是最基本的一些尺寸必
不可少，如: 字体尺寸，图片尺寸以及背景图片尺寸。
4、application常见的左右内边距为.45rem
5、素材准备的时候，一定一定要准备得非常的全，那样可以节省很多开发的
时间。数量及质量。
6、调试阶段也很有收获，会收获不少解决问题的经验。