问题:一个1920*900的大图,在1024*768的分辨率只能显示一部分,希望仍居中显示
解决方案CSS:
width: 100%;
background-position: 50% 50%;
示例code:
<style>
body {
background-repeat: no-repeat;
width: 100%;
background-position-x: 50%;
background-position-y: 118px;
background-image:url(@Url.Image("/XXX/XX.jpg"));
}
.book {
margin: 0 auto;
width: 960px;
height: 700px;
position: relative;
}
</style>
<div class="book"></div>
分享到:
相关推荐
一个1920*900的大图,在1024*768的分辨率下仍居中显示,如何做到这一点,下面是一个可行的解决方案
iframe根据引用的页面内容自适应高度和宽度,直接查看例子,简单易操作
CSS判断不同分辨率浏览器(显示屏幕)显示不同宽度布局CSS3技术支持IE6到IE8。将用到css3 @media样式进行判断,但IE9以下版本不支持CSS3技术,这里DIVCSS5给大家介绍通过JS实现低版本的浏览器也支持CSS3实现实用布局
jQuery图片全屏滚动自适应浏览器分辨率宽度焦点图片滚动
一个小小的实验,按分辨率缩放比例调整窗体、控件、字体大小。
Gridview显示图片多个自适配 根据设置行距离和显示行数自动适配显示图片的宽度
WEB应用的页面,表格的表现形式是常常遇到的,在列数有限的前提下,如何将各列中的内容自适应到不同分辨率的屏幕,这应该是一个比较容易遇到的问题,下面就来谈一谈我对这类问题的解决与看法。 将所有列设置为固定...
宽度自适应的网页图片展示-适合企业网站,自适应网页宽度或者是屏幕分辨率的变化,左右两边始终是填充满屏显示,仔细看会发现,将图片的背景与Div图片滚动区域相一致,就可快速实现这种效果,这种自适应的图片切换...
利用WPF建立自适应窗口大小布局的WinForm窗口[参照].pdf
RDLC 报表自适应,自动适应高度,宽度
有时候简单开发不需要百分比就可以用DPI分辨率来解决自适应宽,目前兼容99%的手机
本篇文章主要介绍了React根据宽度自适应高度的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
1、数据可视化大屏自适应,满足不同分辨率需求。 2、利用transform的scale属性缩放,缩放整个页面。。 3、在任意屏幕下保持16:9的比例,保持显示效果一致。 4、更宽:(Width / Height) > 16/9,以高度为基准,去适配...
随着越来越大的浏览器的出现及普及,网站界面如何能满足不同分辨率浏览器使用者的浏览需求,逐渐成为前端开发工程师必须面对的问题。目前国内门户很多都进行了改版,采用目前的主流–960px左右的宽度。 我认为,
当不给某列设置宽度时这一列的宽度等于: (表格宽度-有宽度列的宽度)/没有固定宽度的列的数量 也就是没有设置宽度的列会平分表格中余下的宽度 在antd 的表格中, 当你不设置表格滚动, 并且你给每一列设置了固定宽度, ...
随着越来越大的浏览器的出现及普及,网站界面如何能满足不同分辨率浏览器使用者的浏览需求,逐渐成为前端开发工程师必须面对的问题。目前国内门户很多都进行了改版,采用目前的主流———960px左右的宽度。 我认为,...
tab标签切换代码,切换内容为分辨率较大的图片,js代码会自动调用图片滑动,达到小窗口大视野的效果。相关链接:js实现自适应宽度的tab标签导航。懒人之家推荐下载
当今屏幕分辨率从320px(iPhone)到2560px(大屏显示器)或者更大。人们也不再仅仅用台式机来浏览网页,现在有手机,平板电脑等等。所以传统的固定宽度设计形式将不再是个最佳选择,网页设计需要有自适应性。网页的布局...