移動端全屏滾動
A. 一個div寬度設置成1366px 電腦看是正好滿屏但手機看需要左右滾動條 設置成980px 手機正
定義樣式的時候,區分
.demo {
// 這里是專pc端樣式屬
width: 1366px;
}
@media only screen and (max-width: 1028px){
.demo {
// 這里是mobile端顯示樣式
width: 980px;
}
}
html:
<!DOCTYPE html>
......
<div class="demo" ...></div>
B. html 實現網頁單屏顯示 滿屏顯示,不出現滾動條。
1、打開開發工具,新建一個html代碼頁面,在html代碼頁面輸入大量的文本內容,確保在瀏覽器上能有滾動條出現。
(2)移動端全屏滾動擴展閱讀
HTML稱為超文本標記語言,是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網路上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。
HTML文本由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。
超文本是一種組織信息的方式,它通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關聯。這些相互關聯的信息媒體可能在同一文本中,也可能是其他文件,或是地理位置相距遙遠的某台計算機上的文件。
這種組織信息方式將分布在不同位置的信息資源用隨機方式進行連接,為人們查找,檢索信息提供方便。
HTML其實是文本,它需要瀏覽器的解釋,它的編輯器大體可以分為以下幾種:
基本文本、文檔編輯軟體,使用微軟自帶的記事本或寫字板都可以編寫,WPS來編寫,也可以。不過存檔時請使用htm或html作為擴展名,這樣就方便瀏覽器認出直接解釋執行了。
半所見即所得軟體,如:FCK-Editer、E-webediter等在線網頁編輯器;尤其推薦:Sublime Text代碼編輯器(由Jon Skinner開發,Sublime Text2收費但可以無限期試用)。
所見即所得軟體,使用最廣泛的編輯器,完全可以一點不懂HTML的知識就可以做出網頁,如:AMAYA(出品單位:萬維網聯盟)。
任何地方進行修改只需要刷新即可顯示。缺點是生成的代碼結構復雜,不利於大型網站的多人協作和精準定位等高級功能的實現。
C. 手機端怎麼實現頁面剛打開是一個全屏DIV,向上滑動後才能看到網站
你可以想像全屏DIV為一個浮層,寬高100%;然後整體頁面用一個標簽包含起來,先隱藏,等浮層向上滑動後將浮層隱藏,整體頁面顯示就行了
D. HTML5網頁如何在電腦端和手機端都全屏顯示
HTML5網頁在電腦端和手抄機端襲都全屏顯示的步驟如下:
1、打開HTML5網頁代碼。
2、在網頁頭部加上新代碼,讓網頁的寬度自適應設備的寬度。代碼如下:
<meta name="viewport" content="width=device-width
initial-scale=1.0
maximum-scale=1.0
minimum-scale=1.0
user-scalable=no" />
3、在輸入代碼完成後,把圖片包括圖片DIV 的寬度設置成百分之百即可。
E. html 怎麼讓背景圖鋪滿整個頁面
下面這段代復碼給div設置制了一個寬度和高度,然後添加了一張背景圖片,並使用了background-size:cover;這個屬性,就會自動放大或縮小背景圖片來適應,但是需要指出的是這個屬性在需要在IE9及以上版本支持,谷歌和火狐都支持,具體支持情況看上面的圖,淺綠的代表支持,粉紅的不支持,你也可以到caniuse.com自己查看支持性
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;"charset="utf-8">
<title>無標題文檔</title>
</head>
<styletype="text/css">
.div1{width:500px;height:600px;background:url(images/class_nav.jpg);background-size:cover;}
</style>
<body>
<DIVclass="div1"></div>
</body>
</html>
F. 移動端可以兼容fullpage.js嗎
可以。
fullpage.js全屏滾動插件,基於jq庫,可以利用它很方便、很輕松的來製作全屏網站;它
支持手機、平板觸摸事件,也支持 CSS3 動畫,對移動端有很好的兼容性。
G. 誰能推薦幾個兼容觸屏手機的單頁面全屏滾動 JS 插件
jquery mobile 框架里有,另外推薦一個ratchet手機框架,直接搜這個名字他的官網,很好用,希望採納
H. 求問HTML怎麼實現全屏移動端頁面滑動效果
現在手機屏幕大小眾多,你要是根據px來設置寬度來讓手機頁面全屏的話,那肯定是回無法實現答的。手機頁面的實現,寬度一定是要用百分比的。至於高度自己酌情來設定,全屏的話用100%,不論任何大小屏幕的手機打開都是全屏的。PS:如果是觸屏手機,<head></head>裡面加上<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />,可以防止雙擊屏幕的時候頁面放大問題。
I. 手機網頁版,點擊圖片全屏,滑動翻看圖片
點擊打開可以使打開一個新的頁面,也可以是一個動態創建一個層。滑動事件和其他網頁都差不多。只是把原來的click變成ontouchend罷了。至於下載一般是從服務端請求響應。