导航:首页 > 万维百科 > 手机网站单页面设计

手机网站单页面设计

发布时间:2020-11-15 21:22:58

1、我想做一个单图片的手机页面

如果你要兼容手机,你只要控制好图片尺寸就行了,手机端的样式都是按比例来的,不要用固定数值就行了。
这个很简单,网络去找个基本架构随便修改下就好了。

2、手机网页单页最大流量多少

普通平常全页无图片就是30kb左右,要是有UC浏览器什么的更低大概在20左右吧,网页每次刷新都是要流量的一张20kb×100=2000kb=1.93M所以有时候也要注意用量的!

3、做一个手机的单页,框架调用另一个页面,这个页面适合手机屏幕了,JS调用的页面要不很大,要不显示不全

手机要不缩放,要不不缩放,你那个页面始终大小都不对。用框架是不行的,要再写一套手机上用的样式。比如电脑上页头宽度为960px,手机上页头宽为100%:

#pc #top{width:960px;}
#phone #top{width:100%;}
还有很多代码要写,你页面里面对应的元素都要写手机和电脑上的不同样式...

然后用js或css媒体查询来为手机、PC调用不同的样式(要做细点还有平板的样式,和考虑到未来出现的设备的样式)。

你也可以不把两套样式混在以前,单独再专门做个手机版网站..

重点百度:js调用不同样式、css媒体查询

4、国内有哪些工具或平台能制作简单的html5手机页面?而且最好不用写代码的。

制作的工具很多啊,好好多免费的制作工具可以使用,大部分都跟ppt类似,上手比较简单,
比如多页,
也有一些功能比较丰富可以深入的学习,做出更加精美动画丰富的作品,
比如炫课工具。
不需要懂代码也可以制作好看的H5页面。

想要制作的话推荐下炫课工具,制作步骤如下:
第一步,选择请柬模板,
第二步,修改个人信息添加自己想要的效果和内容,
第三步,生成作品上传生成二维码或者链接进行传播~
方便快捷~

5、很多淘宝卖家手机版详情页和电脑版不一样,是单独设计的,为什么要这样?

两种情况:1.设计的时候就不一样
2.设计的时候是一样的,但是后边详情页优化是分别优化的,毕竟pc的手机端的客户也是有差别的。
目前来说手机端的客户更多一些,制作要符合消费者习惯,可以用美图王的模板制作详情页也可以用它来把pc详情一键手机详情

6、谁能推荐几个兼容触屏手机的单页面全屏滚动 JS 插件

jquery mobile 框架里有,另外推荐一个ratchet手机框架,直接搜这个名字他的官网,很好用,希望采纳

7、oppo手机单页面怎么设置过来

您好,现在只有color os 2.0才有单层桌面的,这个是系统自动设定

8、只做一个网页单页,怎么让其区分为电脑浏览器和手机浏览???

可以用一些前端框架来实现,比如bootstrap; 引用bootstrap框架的类,比如.visible-phone只在手机上显示(小于768px),.visible-desktop只在电脑上显示(979px以上)
示例代码:
<!DOCTYPE html>
<html>

<head>
<title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>

<body>
<div class="visible-sm">768px < X < 991px</div>
<div class="visible-md">992px < X < 1199px</div>
<div class="visible-lg">>1200px</div>
<div class="hidden-lg">不在电脑上显示:<1200px</div>
<div class="visible-lg">只在电脑上显示:>1200px</div>
</body>

</html>
拖动浏览器窗口大小,查看效果
实现原理:CSS媒体查询, 比如下面这个类只在1200px以上的时候起作用
@media (min-width: 1200px)

.visible-lg {
display: block!important;
}

9、我有一个销售产品的单页网站,想放入一个在线订单系统,最好有手机短信通知提醒的那种订单系统

你好,网上很多订单系统都带有后门或者漏洞,都很不安全,特别是单页竞价网站订单系统经常被偷单(被盗取订单信息),损失惨重!所以做这种订单系统最重要的是安全性。

我现在用的是 栾洪全 老师的带有手机短信提醒的在线订单系统,有详细的视频安装操作,几分钟就可以搞定。具体可以搜索一下“金魔手单页网站制作”。

希望我的回答可以帮助到你!

与手机网站单页面设计相关的知识