移动端全屏滚动
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罢了。至于下载一般是从服务端请求响应。