css分辨率乱了,css布局:屏幕分辨率问题
6 个答案:
答案 0 :(得分:2)
谷歌的“响应式网页设计”
答案 1 :(得分:2)
你有两个选择:
1 - 使您的布局宽度约为980px。因此,1024分辨率及更高分辨率的用户将看到所有屏幕而无需滚动。
2 - 使您的布局100%宽度。没有为像素中的元素指定恒定宽度,它们的宽度为百分比。这样每个具有任何分辨率的物体都会看到整个页面没有滚动条。
答案 2 :(得分:2)
有几个建议......
设计您的网站,使所有内容水平居中,并设计固定宽度。然后确保内容中最重要的部分保留在中心位置。背景图像可以填充背景区域而不会导致水平溢出(显示滚动条)。
使用水平填充100%的设计,并根据百分比宽度进行展示位置。根据您的设计,这可能会很困难,但是如果您使用#1中的一些固定宽度方面可以提供帮助。
使用条件CSS加载。如果您确实需要针对不同屏幕尺寸(如移动网站)的不同布局,请仅推荐此项。您可以使用Javascript获取document.body.clientWidth和document.body.clientHeight以获取当前窗口大小并根据此加载内容。但请记住......用户可以调整屏幕大小,使其不会像#1或#2那么大。
醇>
答案 3 :(得分:1)
我之前遇到过这个问题...
CSS无法检测屏幕大小,但Javascript可以。我不记得怎么样了。但它可以告诉您浏览器窗口的大小。根据此大小,您可以链接到CSS或其他。
答案 4 :(得分:1)
我总是使用978px网格的设计规则。
#container {
width: 978px;
margin: 0 auto;
}
这意味着它适用于低至1024x768的浏览器,并以更高分辨率为中心显示。
答案 5 :(得分:0)
屏幕分辨率问题没有通过任何边距,填充,绝对和相对来解决它的身体元素.....
这是我喜欢的解决方案之一:
在窗口调整大小函数中使用偏移到您想要对齐的另一个元素(偏移顶部和偏移左侧)
例如:
$(window).resize(function () {
var p = $("#divfromwhichyouwantalignment"); var offset = p.offset();
$(".element1toalign").offset({ left: offset.left });
$(".element2toalign").offset({ left: offset.top + 350 });
});
css分辨率乱了,css布局:屏幕分辨率问题相关推荐
- 2560x1600分辨率高吗_手机屏幕分辨率真的越高越好?它的好处和坏处你知道吗?...
如果你是新朋友,请点击上方的蓝色字 关注 "高科技爱好者",保证不会让你失望的. 在这个智能手机不断在更新换代的时代,小伙伴们在选择手机的时候又多了很多考量的因素.除了比较普遍的手 ...
- 台式计算机的分辨率如何改,电脑屏幕分辨率多少最合适 电脑屏幕分辨率调不了怎么办...
电脑屏幕的分辨率大小直接影响到用户的视觉,如果调整的不太合理的,电脑桌面都会变得扭曲,这样就非常不好看,其实调整电脑屏幕分辨率也是需要技巧的,大家知道该怎么调吗?如果你不熟练的话,可以看看下面的电脑屏 ...
- 使用CSS 媒体查询功能满足不同屏幕分辨率要求
http://www.adobe.com/cn/devnet/dreamweaver/articles/dw_html5_pt3.html 这是探索Dreamweaver CS5.5的HTML5和CS ...
- win10分辨率不能调整_Win10系统分辨率不能修改怎么办?屏幕分辨率的调节方法...
Win10系统电脑屏幕分辨率无法调节怎么办?电脑屏幕分辨率不能修改怎么办?近日有很多用户询问电脑显示器分辨率不能修改的问题,下面就给大家分享解决方法. 解决方法: 1.在win10系统桌面空白处单击鼠 ...
- java编程获取屏幕分辨率_Java编程获取当前屏幕分辨率的方法示例
本文实例讲述了Java编程获取当前屏幕分辨率的方法.分享给大家供大家参考,具体如下: /** * This class implements the functionality of fetching ...
- windows自定义屏幕大小,分辨率大小,自定义电脑屏幕分辨率
windows 用于自定义屏幕分辨率大小: 桌面新建个txt文件: 第一个:full_screen.bat (注意后缀改为bat(删除txt)) 打开后(记事本方式打开)写如下代码: " ...
- linux grub2 分辨率,如何安全地更改grub2屏幕分辨率?
问题描述 我在HP 550笔记本上全新安装了Ubuntu 11.04.但grub2并不适合这款笔记本电脑可支持的最佳屏幕分辨率(1280×800). 如何在不使用第三方应用程序的情况下执行此操作? 最 ...
- 调试屏幕分辨率变化html页面变化,屏幕分辨率如何自动调整网页显示问题
对于初学者来说,屏幕分辨率就是一个陌生的词语,更别说如何操作了.小编今天就给初学者补习一下基础知识什么是电脑分辨率?如何进行电脑屏幕分辨率的调整?首先请各位电脑小白跟随学习啦小编认识下电脑分辨率. 确 ...
- centos8调整分辨率_centos 7 修改系统屏幕分辨率
centos 7 修改系统屏幕分辨率,命令方式和图形方式的修改方法.命令:xrandr 通过命令 xrandr 修改系统的分辨率,输入xrandr:[admin@localhost ~]$ xrand ...
- java手机分辨率最高,各种型号手机屏幕分辨率对照表
各种型号手机屏幕分辨率对照表 时间:2012-10-31 作者:会飞的猪 来源:未知 JAVA手机游戏基本都是通用的,只要是支持JAVA的手机都能运行,只是分辨率尺寸大小的区别. 什么是分辨率? 说白 ...
最新文章
- pycharm 自动函数注释
- 研究生跟了一个很棒的导师,是什么神仙体验?
- 代码组织和部署 文件操作 node.js
- 网页MSN,QQ,Skype,贸易通,雅虎通在线客服代码合集
- B03_NumPy创建数组(numpy.empty,numpy.zeros,numpy.ones)
- [GNU LD系列 3.1]一些基本的链接脚本概念
- python定时器 是线程吗_定时器中断线程python
- python中oserror捕获_Python assert异常处理(一看即懂)
- PHP可变变量的简单使用
- Linux笔记6_vim编辑器常用命令总结
- VS 番茄助手添加头注释 以及使用方式
- Elasticsearch常用搜索和分词器
- PHP实现队列及队列原理
- 家里电线装多大的好?
- 一键清理系统垃圾文件,让你的电脑运行如飞,隐私也更安全!
- Codevs2491玉蟾宫
- sql server服务器 性能,初涉SQL Server性能问题(1/4):服务器概况
- 2020年最好用的手机是哪一款_2020年什么手机好用,买手机建议买什么牌子的?...
- 微型公司小团队对软件项目开发管理和规范化的思考
- 太硬核了,我写了一份操作系统词典送给你!