用手機怎麼製作網頁

  用手機制作出來的網頁更適合在手機上檢視,方便快捷,那你知道嗎?下面是由小編分享的的方法,希望對你有用。

  用手機制作網頁的步驟

  看天使經驗的人應該都是有一定程式設計基礎的人,天使就不一一介紹怎麼開啟vs2008了。點選【檔案】【新建檔案】【常規】【HTML頁面】【開啟】

  如圖所示,新建了一個空白的html頁面,拆分檢視

  設定頁面body樣式資訊

  【-webkit-touch-callout: none; -webkit-text-size-adjust: none;】

  是防止使用者複製和儲存圖片,只支援iphone、ipad、android

  設定頁面的寬度和高度

  【.page-content{background:-webkit-linear-gradient***#2F5A53,#6CA199***; ; ; }】

  【關鍵點】

  新建一個div標籤,樣式使用page-content

  在段落標記

裡面輸入文字資訊,這裡天使就不排版了,主要是教大家方法,然後儲存網頁

  將網頁上傳到伺服器目錄下

  輸入網站域名,在電腦上訪問可以看見如圖所示效果,只有左側部分

  我們使用手機訪問,得到如圖所示效果,就不會像直接書寫html程式碼一樣文字很小

  完整程式碼

以上是小編與大家分享的,希望能給大家帶來幫助!