css设置宽度与页面显示像素不一致!!!

小宏 小宏 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#div1{
width:500px;
height:300px;
border:1px solid #ccc;
margin:100px auto;
}
</style>
</head>
<body>
<div id="div1">
</div>
</body>
</html>


问题:
我css里面设置的宽高分别为500与300,浏览器按正常100%显示,但是通过截图软件发现div宽高与设置不符,如果浏览器调整到按80%显示,则好像吻合。css并未做复杂设置,不清楚啥原因导致
...全文

相关推荐

css 图片自适应宽度 CSS实现控制图片自适应显示宽度代码

做网站的时候经常遇到,新闻展示等,用户上传的图片太大了 自己又不去调解,导致展示的时候图片太大撑开了,使页面显示的很难。这里利用CSS属性,使图片超过展示的宽度后,给图片设置显示最大的宽度。 假如用width属性强行设定显示尺寸似乎太不智能。幸好Firefox/Opera/IE7都提供了max-width属性支持。 假定希望图片显示宽度不超过500像素,CSS可能如下: 以下为引用的内容: 复制代码代码如下: fit-image{    border  :0;    max-width:500px;  } 让我痛恨的IE6不支持max-width属性,但是利用IE独有的expressio

weixin_38606206

通过CSS样式设置网页的最小宽度以将宽度固定为600px为例

设置网页的最小宽度在以前或许是使用js来完成的,不过今天,在本文将为大家详细介绍下通过css是如何实现的,感兴趣的朋友不要错过

weixin_38623255

css+div自适应窗口宽度

css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度css+div自适应窗口宽度

chjw8221

CSS中使用expression完美设置页面最小宽度(兼容ie)

CSS中使用expression有ie才能识别,其把CSS属性和Javascript表达式关联起来,效果相当于min-width,即实现了兼容ie,示例如下,感兴趣的朋友可以参考下,希望对大家有所帮助

weixin_38597889

页面宽度自适应 jquery动态设置css样式

求点击父页面的一个按钮以后,整个父页面向左移动,左侧则用来显示图片,结果dialog和原页面不在一个层上,dialog直接弹出的,并不在div里边,下面有个不错的解决方法,大家可以参考下

weixin_38514526
评论 1
收藏 已收藏
分享
返回顶部
小宏
CSS 61,117 成员 60,701 内容