我们在写html的时候,可能需要设置一个背景图片,但是不同的电脑,屏幕分辨率不同,如果我们把这个背景图片裁切到在A电脑上正好铺满屏幕(或者我们想要的大小),但是却未必会在B电脑上也铺满屏幕,因为两台电脑的分辨率是不同的,最明显的就是在笔记本上和在台式机上的分辨率不同。
那么我们怎么能让这个图片在任何一个pc上都铺满屏幕(或指定大小呢),这就需要我们在编写html引入图片的时候,不能使用固定大小,而应该使用相对大小:
<img alt="" src="mlnoa/images/newyear2014.jpg" width="100%" height="100%">
这样,这个图片在任何机器上都是根据该pc的分辨率来自动拉伸图片,铺满整个屏幕的。
相关推荐
HTML5网页背景自适应缩放代码,背景不随滚动条滚动,会根据分辨率不同自动匹配对应的背景图片,兼容主流浏览器(不兼容IE678)
html5背景图片自适应代码是一款背景不随滚动条滚动,会根据分辨率不同自动匹配对应的背景图片。
一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形...
html5背景图片自适应代码是一款背景不随滚动条滚动,会根据分辨率不同自动匹配对应的背景图片。
自己写的网站导航HTML5源码,精美导航源码,动态背景,CSS3响应式二级导航菜单,自适应分辨率。
html5背景图片自适应代码是一款背景不随滚动条滚动,会根据分辨率不同自动匹配对应的背景图片。
HTML5背景切换注册登录响应式模板,自适应分辨率,兼容PC端和移动端,有注册、登录两个模板页面。
html5+app、移动端、mui+app尺寸适配、屏幕适配、屏幕自适应插件,解决不同手机尺寸的手机适配问题
HTML5青蛙吃苍蝇小游戏,自适应分辨率,兼容pc端和移动端,背景音乐开启关闭功能白天和晚上两种游戏背景,直接上传空间目录即可HTML5青蛙吃苍蝇小游戏,自适应分辨率,兼容pc端和移动端,背景音乐开启关闭功能白天和...
HTML5下雪动画用户注册登录响应式模板,全屏下雪动画背景,自适应分辨率,兼容PC端和移动端,有注册、登录、忘记密码等HTML表单模板。
HTML5下雪动画用户注册登录响应式模板,全屏下雪动画背景,自适应分辨率,兼容PC端和移动端,有注册、登录、忘记密码等HTML表单模板。
这意味着导航菜单会根据设备的屏幕大小和分辨率进行自适应调整,以提供最佳的用户体验。4. **交互功能**:模板可能包含一些基本的JavaScript代码,用于实现导航菜单的交互功能,例如点击菜单项时展开或折叠子菜单、...
HTML5响应式个人简历网站模板基于Bootstrap3.3.4制作,自适应分辨率,兼容PC端和移动端,单页面多栏目设计,包括关于我、个人经历、教育背景、专业技能、部分作品、联系我们等网站栏目。
HTML5青蛙吃苍蝇小游戏代码,自适应分辨率,兼容PC端和移动端,背景音乐开启关闭功能,白天晚上两种游戏背景。
HTML5响应式后台登录界面模板基于HTML5+Bootstrap3+jQuery制作,响应式布局设计,自适应屏幕分辨率大小,多个网页背景图片自动轮播,清新简约,效果非常不错!有邮箱、密码、验证码、记住登录账号、重置等表单项目,...
HTML5青蛙吃苍蝇小游戏代码,自适应分辨率,兼容PC端和移动端,背景音乐开启关闭功能,白天晚上两种游戏背景。
HTML5响应式教育网站登录页面模板,自适应分辨率,兼容PC端和移动端,绿色蓝色渐变,卡通图片网页背景,有简单表单验证功能。
(3)针对页面自适应问题,本文结合渐进增强以及拥抱流式布局的思想,同时研究利用了移动设备的视口特性,实现跨分辨率、跨设备的页面自适应。 (4)针对系统的功能实现问题,通过结合利用原生态框架与HTML5的跨平台...
HTML5响应式后台登录界面模板基于HTML5+Bootstrap3+jQuery制作,响应式布局设计,自适应屏幕分辨率大小,多个网页背景图片自动轮播,清新简约,效果非常不错!有邮箱、密码、验证码、记住登录账号、重置等表单项目,...