1. 程式人生 > >pc端與移動端的區別

pc端與移動端的區別

移動裝置和PC本身有區別:

  1、螢幕尺寸不同,螢幕大小導致顯示的內容頁不一樣。

  2、網路速度不同:手機分2G、3G、4G、WIFI等,我們要少用圖片,JS、動畫等等,使用者打不開一樣起不了作用。

  3、使用習慣不同:按鈕、連結大小要合適手指的點選。

  4、技術層面:JS、FLASH不相容,訪問不了。

常見手機尺寸:

  • 320*240(常見2.4寸屏手機使用)
  • 240*400(常見3.0寸屏手機使用)
  • 320*480(主流屏常見3.2 3.5寸屏手機)
  • 360*640(諾基亞常見)
  • 480*800(常見4.0寸屏使用)
  • 480*854(常見3.7寸屏使用)
  • 960*540(QHD常見4.0 4.3 4.5寸使用)
  • 960*640(常見蘋果機使用)
  • 1136*640(常見蘋果5使用)
  • 1280*720(HD主流屏常見4.3 4.5 4.7 5.0 5.5 5.7 6.0寸屏使用)
  • 1280*768(常見4.5寸屏使用) 1280*800(常見三星5.3寸及平板電腦使用)
  • 1024*600(常見7.0寸屏平板電腦使用)
  • 1024*768(常見LG5.0寸屏及7.9寸9.7寸平板電腦使用)
  • 1920*1080(FHD主流屏常見4.7 5.0 5.0 5.7 6.0寸手機及電視使用)
  • 1920*1280 (常見9.0寸平板電腦使用)
  • 1920*1200(常見10.1寸平板電腦及酷派大神7.0使用)
  • 2048*1539(常見蘋果iPad 及國產一些平板使用)

常見平板尺寸:

  • 480*800(WVGA)
  • 480*854(FWVGA
  • 540*960(QHD
  • 1028*720
  • 1028*768(HD)

相關推薦

pc移動區別

移動裝置和PC本身有區別:   1、螢幕尺寸不同,螢幕大小導致顯示的內容頁不一樣。   2、網路速度不同:手機分2G、3G、4G、WIFI等,我們要少用圖片,JS、動畫等等,使用者打不開一樣起不了作用。   3、使用習慣不同:按鈕、連結大小要合適手指的點選。   4、技術層面:JS、FLASH不相容,

自動檢測,pc移動打開網頁時跳轉到對應的地址

gen rec useragent androi tex index func hone oca 方法1 <script> if(navigator.platform.indexOf(‘Win32‘)!=-1){ //pc window.location.hre

PC移動的縮放問題

縮小 在屏幕上 不同 視覺 不同的 布局視口 dev 通過 物理 總結 在布局視口,CSS像素不會發生個數上的變化, 那麽說,一個大頁面上,所有CSS像素都是固定住的,是不變的 當用戶縮放操作時,在視覺視口上操作, 但是,視覺視口永遠屏幕那麽大,而且我看東西都是通過屏幕

一個簡單的 PC移動的適配(通過UA)

one div cat log 一個 else sougou 添加 iphone 只需在header引用個js文件, 原理就是判斷UA裏面的標識. 加下面代碼添加到js文件,在頭文件引用即可 var Pc_url = ‘http://www.baidu.com‘; //P

php 如何區分pc移動

<?php function isMobile() { // 如果有HTTP_X_WAP_PROFILE則一定是移動裝置 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) { return

簡單的pc移動的切換效果

下列程式碼中,如果需要進行pc端與移動端的切換,直接將script中的程式碼貼上複製就好,只是要注意改變跳轉的網址。 <!DOCTYPE html> <html> <he

基於cropper圖片裁剪,兼容PC移動

移動端 auto nali change over wheel img init pre 所需的資源文件 <link rel="stylesheet" href="https://cdn.bootcss.com/cropper/4.0.0-beta/cropper.

普通pc開發移動開發區別

pc,我們需要考慮什麼呢?有點開發經驗的同學都知道,ie6-11,firefox,chrome,safari都得相容的吧。 mobile的網頁開發,我們需要考慮什麼呢? 就目前來說,我們只需要考慮we

web頁面PC移動區別

PC端和移動端的區別你知道嗎? 截至2015年11月,中國手機上網使用者數已超過9.05億,軟體移動化成為一種趨勢,移動產品經理成為了產品經理的一個重要分支,那麼對於移動端和PC端到底有什麼區別呢?在設計過程中有什麼差異?下面我們逐一分析。 一、PC端與移動端區別 有人說手機端無

pc移動,客戶區別

pc端與移動端的區別 1、從相容方面來說,pc考慮的是瀏覽器的相容性,移動端考慮的是手機相容性,因為目前不管是安卓還是ios手機,一般的瀏覽器都是webkit核心 2、從事件處理上說,移動端主要是觸屏事件,而缺少hover事件 3、從佈局上來說,移動端一般要做到佈局自適

繫結事件的時候,如果pc移動都用,可以做一下,pc移動的相容

這裡只談及PC端的mousedown mousemove mouseup事件 與 移動端的touchstart  touchmove touchend事件  var hastouch = 'ontouchstart' in window?true:false,      

產品設計 使用者體驗優化之相容PC移動的回車搜尋響應事件設計

【文章特色:本文從使用者體驗的角度出發,分各種情況包括PC和移動web端的相容性講解了“回車提交”的處理情況】 一、為什麼要回車提交 在輸入搜尋關鍵字後我們很自然地敲擊回車鍵,或者在手機端點選軟鍵盤的搜尋鍵,而不是再去點選輸入框後面的搜尋按鈕。 使用鍵盤迴車響應事件的好處在

支付寶即時到賬介面PC和wap移動區別

   我們用thinkphp框架開發了一款旅遊網站管理系統,簡稱二代旅遊CMS(官網:http://www.erdaicms.com)。對接支付寶即時到賬收款介面的時候,各項工作都很順利,PC端測試通

Insurance 項目——移動交互json-Gson

on() ont 字節 int version trim test 字節長度 get 這是一個java初學者在獨立開發一個項目時做的筆記,很多內容僅僅是為了解決當前需求,並未很深入的研究。 什麽是Json。 Json是開發領域數據傳遞的一種。有著數據結構簡單,數據字節長度短

網站自動識別PC或者移動

sdk capi nbsp poc subst won 發現 瀏覽器 tcl   平時在開發中經常會遇到這樣的需求,除了開發PC端之外,還會同時開發移動端。對於簡單的頁面,可以使用bootstrap之類的框架實現響應式頁面,可是當頁面很復雜的時候,就需要開發一個移動端頁面,

通過js中的useragrent來判斷設備是pc還是移動,跳轉不同的地址

lenovo err agent indexof pad ren phi mobile 手機 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|L

酷播V4更新了,支持PC移動的視頻預覽功能(收費預覽視頻功能)

href img 收費 oss www. bsp com 蘋果 免費 感覺要變天了,灰蒙蒙的。好久沒有下雨了... [酷播V4]永久免費的酷播V4,更新了html5和flash播放器的優先級選項,效果: 效果演示:http://www.cuplayer.com/CuP

判斷pc移動並跳轉

navi ont itl back fun info func cat script 判斷pc端或移動端並跳轉 代碼目錄: index.html代碼: <!DOCTYPE html> <html lang="en"> <hea

rem移動布局

blog 媒體查詢 size AC 個人 iphone4 出現問題 常見 -s   移動端布局痛點在:兼容各個分辨率的移動設備,同樣是手機,iPhone4-iPhoneX分辨率範圍就已經很廣;如果使用px進行布局,顯然會出現問題;   常見的像素單位px,em,rem中,

PHP判斷訪問者是PC還是移動

hit agent net roi view lac 識別 連接 android function isMobile() { // 如果有HTTP_X_WAP_PROFILE則一定是移動設備 if (isset ($_SERVER[‘HTTP_X_WAP