A. js 和html5有什麼關聯移動端跟pc端有什麼不同點
PC和mobile上是有區別的。
網頁主要體現在倍率上,還有HTML5兼容問題。
iphone4s倍率是2x,即2倍;
iphone6倍率是2x;
iphone 6 plus 倍率是3x;
安桌上
hdpi倍率是1.5x;
xhdpi倍率是2x;
xxhdpi倍率是3x;
要想圖片在mobile上得到圖片的原始清晰度,和大小,那麼他和PC上1x倍率的圖片對應關系是;
PC:像素 =像素 * 倍率;
例如:100px = 100px * 2 =>iphone6;這樣清晰度和大小看起來都一樣。
這樣同一張圖,在電腦上你是100px寬高,在iphone6上你就是200px的寬高,看起來清晰度差不多,若你將100px的圖片不變放到iphone6上,那麼他會變得比想像中小。若你又不想增加寬度200px達到目的,那麼你可以按照如下解決問題。
解決手機上全屏顯示(小圖適配顯示,會放大,犧牲清晰度為代價)的方法是在head中加入
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 。
meta告訴瀏覽器設備初始時候無縮放,最大縮放為原始大小,用戶不可以縮放。
我僅給你講解有很大倍率區別,需要專業學習倍率。
至於html5和一些標簽,js的兼容就容易理解多了。
PC要考慮IE8隻兼容部分html5標簽,IE9也不夠完全。
其他一些 flash運用,交互也是有區別的。
iphone不知道flash,上繫上js多了觸控事件,PC的是點擊事件等