⑴ pc端和移动端屏幕自适应
做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,那么如何解决呢?现在主要是采用自适应来解决高度,宽度的,以及图片自适应问题,下面就PC端和移动端来总结一下,通常进行自适应高度和宽度,图片时,一般与页面的布局存在关系。
1、最小尺寸分辨率1024 768(传统17寸显示器),则可以采用940px、960px、或者常用的980px作为最小宽度。
2、1024 768之后稍大的分辨率就是1280*768了,则可以采用1200px或者1220px作为稍大的网页宽度。
3、支持css3、html5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签。
4、不支持css3、html5的脑残浏览器特别是<=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了。
5、宽度自适应需要对每个显示模块进行不同宽度的计算,在做html布局时需要大量的计算与适配。
6、宽度自适应为不同宽度显示器写布局元素时常用的css。
⑵ 怎么更改电脑屏幕适配
windows7系统在电脑桌面右单庆扒樱击,选择此衡显示设置,点击分辨率,选择最佳推荐,即可完成电脑屏幕适配。
xp系统一般在电脑桌面右单击,选择属性,点击设置誉丛进行分辨率选择,设置屏幕适配完成。
各尺寸显示器最佳适配分辨率:
15寸普屏液晶是1024乘768。
17寸普屏液晶是1280乘1024。
19寸普屏液晶是1280乘1024。
19寸宽屏液晶是1440乘900。
20寸普屏液晶是1600乘1200。
20寸宽屏液晶是1680乘1050。
21寸普屏液晶是1600乘1200。
22寸宽屏液晶是1680乘1050。
23寸普屏液晶是1600乘1200。
23寸宽屏液晶是1920乘1200。
24寸宽屏液晶是1920乘1200。
⑶ 怎样才能知道一个电脑适合使用多大的屏幕分辨率
一般地,比较常见的分辨率台式机为1024*768,棚侍笔记本为1366*768 。
一台电脑适合使用多大的屏幕分辨率要看显示器的大小和宽高比例。
屏幕分辨率确定计算机屏幕上显示多少信息的设置,以水平和垂直像素来衡量。屏幕分辨率低时(例如 640 x 480),在屏幕上显示的像素少,但尺寸比较大。屏幕分辨率高时(例如 1600 x 1200),在屏幕上显示的像素多,但尺寸比较小。
(3)电脑适应屏幕扩展阅读:
屏幕分辨率跟像素间距有很大关系。像素间距(pixel pitch)的意义类似于CRT的点距(dot pitch),一般是指显示屏相邻两个象素点之间的距离。 我们看到的画面是由许多的点所形成的,而画质的细腻度就是由点距来决定的,点距的计算方式是以面板尺寸除以分辨率所得的数值。
以LCD为例,14英寸液晶显示器的可视面积一般为300mm×190mm,分辨率为1280×800,从而计算出此LCD的点距是300/1280=0.2344mm或者190/800=0.2375mm。点距越小,图像越细腻。
16:10比例的22(21.5)与20(20.1)英寸宽屏液晶显示器的最佳分辨率是:1680×1050。
16:9比例的23与22(21.5)英寸宽屏液晶显示器的最佳分辨率是:1920×1080。
参考资料:链猜吵
网络-屏幕分辨兆烂率
⑷ 电脑怎么调显示器大小
你们知道怎么调整 显示器 的大小吗?下面是我带来电脑怎么调显示器大小的内容,欢迎阅读!
电脑调显示器大小 方法 :
第一步、把鼠标移动到电脑桌面空白处,右键鼠标选择“属性”。
第二步、在弹出来的框点击“设置”,在屏幕分辨率哪里的滚动条“向左或向右移动”移动到你觉适合为止,再点击“应用”查看效果。
第三步、调到适合自己桌面的效果后再点击“确定”即可更改分辨率。
显示器一般常见的屏幕分辨率比例、估计现在使用 4:3、 5:4的应该会少点,多见的是16:9,分辨率如下:
5:4的屏幕适应分辨率为【800×640、1280×1024】等;4:3的屏幕适应分辨率为【800×600、1024×768、1280×960、1400×1050、1600×1200、2048×1536】等;16:10的屏幕适应分辨率为【1280×800、1440×900、1680×1050、1920×1200】等;16:9的屏幕适应分辨率为【1280×720、1440×810、1680×945、1920×1080】等。
看了“电脑怎么调显示器大小”的内容的人还看:
1. 怎样调节电脑显示器大小
2. 电脑显示器的高度怎么调
3. 电脑显示器比例怎么调
4. 显示器尺寸怎么调成对应的最佳分辨率大小
5. 电脑显示器怎么量尺寸
6. 电脑显示器怎么调满屏
7. 电脑显示器清晰度怎么调节
8. 电脑显示器怎么设置宽屏
9. 怎么看电脑显示器配置
10. 电脑屏幕分辨率怎么调整
⑸ 原始比例和适应屏幕的区别
原始比例和适应屏幕的区别有:
1、适应屏幕:在适应屏幕模式下,WPS会根据你的友源拦屏幕尺寸自动调整文档的布局,使得文档在屏幕上呈现的更美观。这种模式适用于屏幕尺寸较小的设备,例如手机或平板电脑。
2、不适应屏幕:在不适应屏幕模式下,WPS不会调整文档的布局,文档的布局和在其他好胡设备上显示的一样。这种模式适用于屏幕尺寸较大的设备,例如电脑。裂肢
⑹ 怎么把一个pc页面自适应手机屏幕,自适应手机屏幕网站怎么做吗
无论是电脑还是手机,要做到自适应屏幕,其实都是一样的。
首先,在网页代码的头部,加入一行viewport标签
<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的判旁100%。即让viewport的宽度等于物理设备正则上的真实分辨率,不允许用户缩放。
其次:网页宽度css一定要使用百分比width:xx%;,不能用绝对像素。当然可以用width:auto;
第三,流动布局
.left{
float:left;
width:***%;
}
第四,选择加载css
这是自适应的关键部分
.abc{height:300px;border:1pxsolid000;margin:0auto}
@mediascreenand(min-width:1201px){
.abc{width:1200px}
}
/*设置了浏览器宽度不小于1201px时abc显示1200px宽度*/
@mediascreenand(max-width:1200px){
.abc{width:900px}
}
/*设置了浏览器宽度不大于1200px时abc显示900px宽度*/
@mediascreenand(max-width:901px){
.abc{width:200px;}
}
/*设置了浏览器宽度不大于901px时abc显示200px宽度*/
@mediascreenand(max-width:500px){
.abc{width:100px;}
}
/*设置了浏览器宽度不大于500px时abc显示100px宽度*/
需要注意是CSS代码顺序,由大到小排版CSS(判断浏览器宽度越大越放前),这样是因为逻辑关系,@media判断CSS排错将导致判断失效。
第四,图片自适应
img{max-width:100%;}
老版本的IE不支持max-width,所以只好写成:img{width:100%;}
筚五、采用相对字体大小
字体也不举冲棚能使用绝对大小(px),而只能使用相对大小(em)。
这里最重要的,是第三条和第四条,也就是采用流动布局和css选择加载。祝你好运!
⑺ dw宽1920怎么适应笔记本电脑屏幕
dw宽1920适应笔孝胡记本电脑屏幕的步骤:
1、右击笔记本电脑桌面空白处搭誉,单击“屏幕分辨率”。
2、单击“高级设置”,选择“列出所有模式”。
3、按系统推荐值或最佳值设置分辨率、颜色位数和刷新率或选择需要知慎段的分辨率模式,再确定。
⑻ win10怎样设置适应屏幕的分辨率
开始---设置---系统---显示---显示分辨率 选择设置为需要的数值
⑼ 怎么样调整电脑屏幕大小到合适的比例
调整电脑屏幕大小到合适比例的方法:
首先右键点击桌面,在右键菜单中直接显示了屏幕分辨率的选项,用鼠标点击一下这个选项
调节之后点击确定按钮,屏幕分辨率要适合你的屏幕,不能太大或过小,要以眼睛看上去较舒服为标准。
屏幕分辨率是指屏幕显示的分辨率。屏幕分辨率确定计算机屏幕上显示多少信息的设置,以水平和垂直像素来衡量。屏幕分辨率低时(例如 640 x 480),在屏幕上显示的像素少,但尺寸比较大。屏幕分辨率高时(例如 1600 x 1200),在屏幕上显示的像素多,但尺寸比较小。
显示分辨率就是屏幕上显示的像素个数,分辨率160×128的意思是水平方向含有像素数为160个,垂直方向像素数128个。屏幕尺寸一样的情况下,分辨率越高,显示效果就越精细和细腻。
设置分辨率的具体方法:
在桌面空白处点击鼠标右键。
在右键菜单中选择屏幕分辨率。
在弹出的对话框中找到分辨率。
点击下拉按钮。
在下拉菜单中选择合适的分辨率,点确定。
如果桌面显示出来的大小不适合,在询问是否保存的时候选否。重复第4、5项。
如果桌面内容大小适合,点保存更改就行了