手機如何制作網(wǎng)頁
提問問題
列表
-
怎么把一個pc頁面自適應(yīng)手機屏幕，自適應(yīng)手機屏幕網(wǎng)站怎么做嗎
查看答案>>
-
css手機版頁面制作時如何讓背景圖片適應(yīng)div的高度和寬度
查看答案>>
-
手機站是怎么做的？怎樣讓pc端網(wǎng)站做成手機站？
查看答案>>
-
電腦dw制作的網(wǎng)頁發(fā)送到手機中該如何觀看
查看答案>>
-
怎么制作網(wǎng)站的手機版
查看答案>>
-
怎么制作html5手機頁面？
查看答案>>
-
我用HTML5做手機網(wǎng)頁，如何設(shè)置字體大小以適合各種設(shè)備？
查看答案>>
-
如何在手機上制作自己的網(wǎng)頁
查看答案>>
怎么把一個pc頁面自適應(yīng)手機屏幕，自適應(yīng)手機屏幕網(wǎng)站怎么做嗎
無論是電腦還是手機，要做到自適應(yīng)屏幕，其實都是一樣的。 首先，在網(wǎng)頁代碼的頭部，加入一行viewport標(biāo)簽 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> viewport是網(wǎng)頁默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認(rèn)等于屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網(wǎng)頁初始大小占屏幕面積的100%。即讓viewport的寬度等于物理設(shè)備上的真實分辨率，不允許用戶縮放。 其次：網(wǎng)頁寬度css一定要使用百分比width: xx%;，不能用絕對像素。當(dāng)然可以用width:auto; 第三，流動布局 .left{float: left;width: ***%;} 第四，選擇加載css 這是自適應(yīng)的關(guān)鍵部分 .abc{ height:300px; border:1px solid #000; margin:0 auto} @media screen and (min-width: 1201px) { .abc {width: 1200px} } /* 設(shè)置了瀏覽器寬度不小于1201px時 abc 顯示1200px寬度 */ @media screen and (max-width: 1200px) { .abc {width: 900px} } /* 設(shè)置了瀏覽器寬度不大于1200px時 abc 顯示900px寬度 */ @media screen and (max-width: 901px) { .abc {width: 200px;} } /* 設(shè)置了瀏覽器寬度不大于901px時 abc 顯示200px寬度 */ @media screen and (max-width: 500px) { .abc {width: 100px;} } /* 設(shè)置了瀏覽器寬度不大于500px時 abc 顯示100px寬度 */ 需要注意是CSS代碼順序，由大到小排版CSS（判斷瀏覽器寬度越大越放前），這樣是因為邏輯關(guān)系，@media 判斷CSS排錯將導(dǎo)致判斷失效。 第四，圖片自適應(yīng) img { max-width: 100%;} 老版本的IE不支持max-width，所以只好寫成：img { width: 100%; } 篳五、采用相對字體大小 字體也不能使用絕對大?。╬x），而只能使用相對大?。╡m）。 這里最重要的，是第三條和第四條，也就是采用流動布局和css選擇加載。祝你好運！別拿些復(fù)制的過來
css手機版頁面制作時如何讓背景圖片適應(yīng)div的高度和寬度
可以使用background-size: cover來適應(yīng)DIV元素的高度和亮度。代碼如下：<style>
div{background:url(圖片地址) no-repeat;width:100%;height:auto;background-size:cover;}
</style>
<div>這里是內(nèi)容</div>background-size 屬性規(guī)定背景圖像的尺寸,IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 屬性。
手機站是怎么做的？怎樣讓pc端網(wǎng)站做成手機站？
你好，現(xiàn)在很多手機瀏覽器是支持打開PC端網(wǎng)站了的，并且會自適應(yīng)手機屏幕，望您采納，我是不會做的，嘻嘻
電腦dw制作的網(wǎng)頁發(fā)送到手機中該如何觀看
有多種查看方式：1 使用手機瀏覽器查看。將網(wǎng)頁保存到SD卡中，用瀏覽器打開就可以了。2 使用郵箱打開。將網(wǎng)頁郵件發(fā)送到自己的郵箱里，在手機上打開郵箱進(jìn)行查看。如果是制作圖文并茂的郵件，可以到“肯為旎DIY”去看看，制作更簡單和高效。
可是我建了一個文件夾
里面有圖片音樂和
HTML
如果是文件夾，可以將文件夾復(fù)制到手機的SD卡中，然后用瀏覽器打開就可以了。順便說一句，干嗎用手機打開呢？如果是測試效果，計算機也可以的，請使用FF瀏覽器的響應(yīng)式視圖方式打開即可。
不死，我制作好了，現(xiàn)在要測試，發(fā)到別人的手機上，可是我制作好的是一個文件夾，里面有音頻和圖片，全發(fā)手機上面只顯示網(wǎng)頁上的字，不顯示圖片和音頻
這主要是圖片和音頻的URL地址不正確造成的，有兩種方法解決：一是使用相對地址；二是使用網(wǎng)上的地址（先將圖片和音頻上傳到網(wǎng)址）。
怎么制作網(wǎng)站的手機版
做手機網(wǎng)站的方法一下幾種1、模板站，下載手機網(wǎng)站模板，然后將內(nèi)容和PC站點通用，這樣移動設(shè)備訪問網(wǎng)站時就會自動轉(zhuǎn)入到手機站的模板。你也可以解析一個m開頭的域名作為手機站的域名，有利于搜索引擎抓取。2、自適應(yīng)網(wǎng)站，這種網(wǎng)站不需要另做手機站，因為網(wǎng)站的自適應(yīng)，會根據(jù)你使用的設(shè)備分辨率來調(diào)整網(wǎng)頁的排版和內(nèi)容顯示。3、H5快速建站，現(xiàn)在有很多服務(wù)商支持H5快速建立手機網(wǎng)站，只需要你把內(nèi)容上傳，這些服務(wù)商就會將這個網(wǎng)站做出來，比較方便快捷，缺點就是免費的都有廣告，而且不支持使用自己網(wǎng)站的域名。4、用代碼寫出來的手機站，這種網(wǎng)站就是屬于靜態(tài)網(wǎng)站，所有的內(nèi)容都是通過代碼寫進(jìn)去的，想要更改內(nèi)容比較麻煩。優(yōu)點就是一步到位，想要什么效果都能達(dá)到。5、手機直達(dá)頁，這種可以說是一個網(wǎng)站，也可以說是一個網(wǎng)頁，這種手機站比較適合推廣使用，將所有企業(yè)的推送產(chǎn)品放在這個頁面上，然后完美的展示出來，用戶點擊之后可以進(jìn)入購買頁面或者直接進(jìn)入咨詢頁面，可以更有效的提高轉(zhuǎn)化效果。
我用HTML5做手機網(wǎng)頁，如何設(shè)置字體大小以適合各種設(shè)備？
HTML5做手機網(wǎng)頁所用的字體可以有2種單位：1）使用px 像素：使用14號字體即可2）使用em ：隨著屏幕大小而改變1em=16px如果只是做手機設(shè)備的話，完全可以使用px像素就可以了。不過不要使用12px 在手機上顯示太小了，用戶看不清楚。一般使用 14px 或 16px 。
如何在手機上制作自己的網(wǎng)頁
在手機上制作自己的網(wǎng)頁的方法一、工具/原料html頁面vs2008二、方法/步驟1、打開vs2008了。點擊【文件】【新建文件】【常規(guī)】【HTML頁面】【打開】。2、如圖所示，新建了一個空白的html頁面，拆分視圖。3、設(shè)置頁面body樣式信息?！?webkit-touch-callout: none; -webkit-text-size-adjust: none;】是防止用戶復(fù)制和保存圖片,只支持iphone、ipad、android4、設(shè)置頁面的寬度和高度?！?page-content{background:-webkit-linear-gradient(#2F5A53,#6CA199); top:352px; min-height:550px;_height:550px;width:640px; }】5、【關(guān)鍵點】。新建一個div標(biāo)簽，樣式使用page-content。6、在段落標(biāo)記<p>里面輸入文字信息，這里就不排版了，主要是教大家方法，然后保存網(wǎng)頁。7、將網(wǎng)頁上傳到服務(wù)器目錄下。8、輸入網(wǎng)站域名，在電腦上訪問可以看見如圖所示效果，只有左側(cè)部分。9、使用手機訪問，得到如圖所示效果，就不會像直接書寫html代碼一樣文字很小。10、完整代碼。【<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no" /> <title>不落淚的</title></head><body ><div style="margin: 0px; padding: 5px; border: 1px solid rgb(204, 204, 204); max-width: 100%; font-size: 16.363636016845703px; font-family: 宋體; line-height: 26.666667938232422px; background-color: rgb(248, 247, 245); word-wrap: break-word !important; box-sizing: border-box !important;"><span style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important; color: rgb(57, 57, 57); font-family: 微軟雅黑; font-size: 14px;">不落淚的</span></div></body></html>】
熱門問答
- 模版還是模板
- 免費建站
- 淘寶網(wǎng)頁是哪個公司做的
- 免費制作企業(yè)
- 簡單個人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計
- html模板文件
- 手機網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機制作簡歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些
