導航:首頁 > 萬維百科 > 手機網站單頁面設計

手機網站單頁面設計

發布時間: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、我有一個銷售產品的單頁網站,想放入一個在線訂單系統,最好有手機簡訊通知提醒的那種訂單系統

你好,網上很多訂單系統都帶有後門或者漏洞,都很不安全,特別是單頁競價網站訂單系統經常被偷單(被盜取訂單信息),損失慘重!所以做這種訂單系統最重要的是安全性。

我現在用的是 欒洪全 老師的帶有手機簡訊提醒的在線訂單系統,有詳細的視頻安裝操作,幾分鍾就可以搞定。具體可以搜索一下「金魔手單頁網站製作」。

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

與手機網站單頁面設計相關的知識