亚洲精品视频一区二区,一级毛片在线观看视频,久久国产a,狠狠狠色丁香婷婷综合久久五月,天天做天天欢摸夜夜摸狠狠摸

在線(xiàn)客服與您一對一交流

HTML5手機網(wǎng)站開(kāi)發(fā)頁(yè)面寬度解決方案

    相信大家都知道,現在市面上手機的屏幕尺寸多種多樣,2.8寸、3.0寸、3.2寸、3.5寸、4.0寸、4.2寸、4.5寸等等,隨之而來(lái)的手機分辨率也千差萬(wàn)別,有240*320像素、320*480像素、480*800像素、640*960像素等等,其中480*800像素和640*960像素是主流的,但智能手機的發(fā)展速度大家有目共睹,隨著(zhù)手機的發(fā)展,不同尺寸的手機會(huì )陸續出現,這就給手機網(wǎng)站的開(kāi)發(fā)帶來(lái)非常大的麻煩,如何讓自己的手機網(wǎng)站在不同尺寸的手機都能完美展示,手機網(wǎng)站的設計稿要設計成多大才合適?
    只要稍微有關(guān)注互聯(lián)網(wǎng)的,應該都知道HTML5,HTML5的強大毋庸置疑,因為PC網(wǎng)站的瀏覽器更新太困難,導致兼容性不好,所以HTML5的新技術(shù)在PC網(wǎng)站很難實(shí)行,但是手機瀏覽器更新非常迅速,基本可以完美支持HTML5+CSS3。這里方維網(wǎng)絡(luò )介紹HTML5的一個(gè)viewport功能如何讓網(wǎng)站適應不同分辨率的手機瀏覽器。
    viewport語(yǔ)法如下:
01  <!-- html document -->
02  <meta name="viewport"
03      content="
04          height = [pixel_value | device-height] ,
05          width = [pixel_value | device-width ] ,
06          initial-scale = float_value ,
07          minimum-scale = float_value ,
08          maximum-scale = float_value ,
09          user-scalable = [yes | no] ,
10          target-densitydpi = [dpi_value | device-dpi | high-dpi | medium-dpi | low-dpi]
11      "
12  />
width
控制 viewport 的大小,可以指定的一個(gè)值或者特殊的值,如 device-width 為設備的寬度(單位為縮放為 100% 時(shí)的 CSS 的像素)。
height
和 width 相對應,指定高度。
target-densitydpi
一個(gè)屏幕像素密度是由屏幕分辨率決定的,通常定義為每英寸點(diǎn)的數量(dpi)。Android支持三種屏幕像素密度:低像素密度,中像素密度,高像素密度。一個(gè)低像素密度的屏幕每英寸上的像素點(diǎn)更少,而一個(gè)高像素密度的屏幕每英寸上的像素點(diǎn)更多。Android Browser和WebView默認屏幕為中像素密度。
下面是 target-densitydpi 屬性的 取值范圍
device-dpi –使用設備原本的 dpi 作為目標 dp。 不會(huì )發(fā)生默認縮放。
high-dpi – 使用hdpi 作為目標 dpi。 中等像素密度和低像素密度設備相應縮小。
medium-dpi – 使用mdpi作為目標 dpi。 高像素密度設備相應放大, 像素密度設備相應縮小。 這是默認的target density.
low-dpi -使用mdpi作為目標 dpi。中等像素密度和高像素密度設備相應放大。
<value> – 指定一個(gè)具體的dpi 值作為target dpi. 這個(gè)值的范圍必須在70–400之間。
1  <!-- html document -->
2  <meta name="viewport" content="target-densitydpi=device-dpi" />
3  <meta name="viewport" content="target-densitydpi=high-dpi" />
4  <meta name="viewport" content="target-densitydpi=medium-dpi" />
5  <meta name="viewport" content="target-densitydpi=low-dpi" />
6  <meta name="viewport" content="target-densitydpi=200" />
為了防止Android Browser和WebView 根據不同屏幕的像素密度對你的頁(yè)面進(jìn)行縮放,你可以將viewport的target-densitydpi 設置為 device-dpi。當你這么做了,頁(yè)面將不會(huì )縮放。相反,頁(yè)面會(huì )根據當前屏幕的像素密度進(jìn)行展示。在這種情形下,你還需要將viewport的width定義為與設備的width匹配,這樣你的頁(yè)面就可以和屏幕相適應。
initial-scale
初始縮放。即頁(yè)面初始縮放程度。這是一個(gè)浮點(diǎn)值,是頁(yè)面大小的一個(gè)乘數。例如,如果你設置初始縮放為“1.0”,那么,web頁(yè)面在展現的時(shí)候就會(huì )以target density分辨率的1:1來(lái)展現。如果你設置為“2.0”,那么這個(gè)頁(yè)面就會(huì )放大為2倍。
maximum-scale
最大縮放。即允許的最大縮放程度。這也是一個(gè)浮點(diǎn)值,用以指出頁(yè)面大小與屏幕大小相比的最大乘數。例如,如果你將這個(gè)值設置為“2.0”,那么這個(gè)頁(yè)面與target size相比,最多能放大2倍。
user-scalable
用戶(hù)調整縮放。即用戶(hù)是否能改變頁(yè)面縮放程度。如果設置為yes則是允許用戶(hù)對其進(jìn)行改變,反之為no。默認值是yes。如果你將其設置為no,那么minimum-scale 和 maximum-scale都將被忽略,因為根本不可能縮放。
所有的縮放值都必須在0.01–10的范圍之內。
例:
(設置屏幕寬度為設備寬度,禁止用戶(hù)手動(dòng)調整縮放)
<meta name="viewport" content="width=device-width,user-scalable=no" />
(設置屏幕密度為高頻,中頻,低頻自動(dòng)縮放,禁止用戶(hù)手動(dòng)調整縮放)
<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

相關(guān)文章:

  • 在網(wǎng)站建設過(guò)程中,建站人員經(jīng)常會(huì )忽略一些安全問(wèn)題而導致后期網(wǎng)站遭受攻擊。所以,我們在建站的時(shí)候,就需要注意避免這些問(wèn)題,以保證網(wǎng)站的安全運行。西安做網(wǎng)站推薦閱讀...

  • 隨著(zhù)網(wǎng)絡(luò )營(yíng)銷(xiāo)競爭日益激烈,少不了百度競價(jià)推廣,短期內,特別是新站的時(shí)候,更需要競價(jià)的支撐,才能最快的獲取網(wǎng)絡(luò )營(yíng)銷(xiāo)效果,如今百度競價(jià)受到越來(lái)越多的企業(yè)重視,可以說(shuō)百...

  • 網(wǎng)站建設從制作到運行都要經(jīng)過(guò)很多過(guò)程,網(wǎng)站建設能否做好,其實(shí)要和網(wǎng)站優(yōu)化同步進(jìn)行,在網(wǎng)站建設中,站長(cháng)的服務(wù)還是在客戶(hù)自己的手中。西安做網(wǎng)站推薦閱讀 網(wǎng)站優(yōu)化常識:如...

  • 西安微網(wǎng)站建設,西安做網(wǎng)站推薦閱讀 西安競價(jià)托管:如何做好競價(jià)推廣 如何優(yōu)化百度的競價(jià)排名?這個(gè)問(wèn)題一直以來(lái)都困擾著(zhù)筆者和很多競價(jià)員。西安劍鋒網(wǎng)絡(luò )對此給了筆者以下幾點(diǎn)...

  • 劍鋒網(wǎng)絡(luò )1月6日訊,一、確定建站目標 網(wǎng)站建設流程第一步,先為網(wǎng)站設立一個(gè)目標,這個(gè)目標不能是抽象化、簡(jiǎn)單的。比如:我想做一個(gè)很漂亮的網(wǎng)站、我想做個(gè)功能很強大的網(wǎng)站。...

  • 先要做好西安網(wǎng)站推廣是有技巧的。 1、關(guān)頭詞要分不太懂自己公司的商品或辦事的潛伏客戶(hù)會(huì )搜哪些關(guān)頭詞?、一般懂自己公司的商品或辦事的潛伏客戶(hù)會(huì ) 搜哪些關(guān)頭詞?、很是懂自己...

  • 網(wǎng)站建設中單頁(yè)面的設計 曾經(jīng)一度風(fēng)靡的暴利類(lèi)型的單頁(yè)淘寶客網(wǎng)站現在開(kāi)始在互聯(lián)網(wǎng)上逐漸消失,這不是因為單頁(yè)網(wǎng)站的優(yōu)勢不顯著(zhù),而是因為這些淘寶客網(wǎng)站過(guò)多重視短期的利益,...

  • 分享四大注意點(diǎn)可避免網(wǎng)站優(yōu)化過(guò)度第一點(diǎn)、關(guān)鍵字切勿堆砌過(guò)度在優(yōu)化網(wǎng)站前就要確定好需要優(yōu)化的關(guān)鍵字,然后再title、網(wǎng)站全體頁(yè)面上進(jìn)行恰當的組織,而不是盲目的堆砌許多關(guān)...

  • 在當下,網(wǎng)站對于企業(yè)來(lái)說(shuō),似乎成了必須品。在互聯(lián)網(wǎng)中,大大小小的網(wǎng)站已經(jīng)有了上億個(gè),但不是每個(gè)網(wǎng)站都能達到他原來(lái)想要達到的要求。在網(wǎng)站建設中,總是會(huì )遇到大大小小的...

  • 1、尊重用戶(hù)的體驗,注意鏈接的相關(guān)性,內部鏈接不要太過(guò)與泛濫。相關(guān)性高的鏈接有助于提高搜索引擎收錄,并且有助于提升用戶(hù)體驗,增加用戶(hù)的黏性,進(jìn)而提升網(wǎng)站的瀏覽量。如...

  • 公司:西安蟠龍網(wǎng)絡(luò )科技有限公司
  • 聯(lián)系人:張經(jīng)理
  • 手機/微信:
  • Q Q: 點(diǎn)擊這里給我發(fā)消息
  • 地址:西安市雁塔區唐延南路11號逸翠園i都會(huì )
亚洲精品视频一区二区,一级毛片在线观看视频,久久国产a,狠狠狠色丁香婷婷综合久久五月,天天做天天欢摸夜夜摸狠狠摸