js页面满屏（js实现浏览器全屏）

本文目录一览：

• 1、如何用CSS或者JS设置一张图片,让手机横屏(宽480)看或者竖屏(宽320...
• 2、网页不满屏---左右两边空着怎么弄
• 3、如何设置网页分辨率
• 4、JS中如何使LOGO大小能够自动适应不同的屏幕分辨率
• 5、我的网页设置是1440*699的,怎么让网页在各种分辨率的显示器上都可以满屏...

如何用CSS或者JS设置一张图片,让手机横屏(宽480)看或者竖屏(宽320...

1、图片宽度设成100%，理论上不是单色图案、重复背景图案、或js动态生成的画布上的矢量图，jpg之类的是没办法满屏的，320的时候满屏了，横过来看480的时候，高度又少了，可视区外还有一截。

2、先在html里添加一个img图片标签。运行页面后，这是完整显示图片大小的。图片大概是400x260左右的大小。要进入图片缩放，可以在css样式里设置图片的宽度和高度，但不要宽和高都设置了，比如这里都设置为100px。设置后，看下页面可以看到图片现在变形了。

3、有一个非常曲线的解决办法，就是：css的媒体查询（@media）是能够检测屏幕尺寸（其实是浏览器窗体的真实尺寸，并不是屏幕的真实物理尺寸，介意的朋友就不要看了）的，通过它来给网页内的某个元素设置一个特殊的属性，然后再用JavaScript来获取这个属性值。

网页不满屏---左右两边空着怎么弄

图片的自适应（fluid image）除了布局和文本，自适应网页设计还必须实现图片的自动缩放。

解决的方法：只打开一个网页，将鼠标移到网页窗口的边缘，当鼠标箭头变成双向时，按住左键，将窗口各个边缘依次拖满整个屏幕，再关闭网页，那么下次你再打开任何网页时，不用再按最大化按钮它就会满屏显示了。

方法很简单，只需要把网页右下角的百分比调一下就行了（我调为140%），以后每次打开都是满屏显示了。

先把所有的 页面 都关掉--打开一个网页，注意不要最大化--拖动页面的 边框 把它拖到最大化，注意，一定是拖到最大--关闭这个页面--以后再打开就是最大化的了。

如何设置网页分辨率

1、打开浏览器，输入网址进入具体的网站，在浏览器屏幕的右下角找到放大镜图标；点击放大镜进入选择网页分辨率的页面，即可选择适合的网页分辨率。

2、右键桌面空白处，选择“属性”—“设置”，在设置标签的窗口左下方有一个“屏幕分辨率”，向左右拖动控制块就可以改变屏幕的分辨率（每次拖动注意下面的数字），确认某一个分辨率数值之后就可以点击“确定”。

3、首先打开浏览器，点击选择右上角“三”图标按钮。然后在新的界面里点击选择“选项”按钮。之后在新的界面里点击选择左侧“高级设置”按钮。然后在新的界面里在网页缩放右侧点击选择适合的分辨率就可以设置网页分辨率了。

4、打开一个网页，在网页的右上方找到一个“查看”选项。

5、展开全部打开一个网页，在网页的右上方找到一个“查看”选项。点击“查看”选项，下面出现一个下拉菜单。找到“网页缩放”选项。

JS中如何使LOGO大小能够自动适应不同的屏幕分辨率

1、不过，你可以用ps来调整下的，将这个图片用Photoshop打开，选择图像图像大小，调整到你要的大小。然后就能做背景了。

2、DIV+CSS切图/排版 当设计工作完成后，要开始做切图，如果网站只是PC站，切图只要做一套样式，如果是响应式网站开发，切图就需要做三套样式，分别为PC端、平板、手机端。

3、这里我们首先考虑在小设备窗口下header太高已经占据了大半的屏幕显示，所以这里我们重新设定下header的高度，能完整呈现出这个站点logo就可以了。在480px小设备窗口下浏览，页面内容会很长，这个时候我们要在底部加个返回页面顶部的按钮。

4、定义一个事件，是给你需要自适应的child重新分配位置；定义一个侦听器，当检测到舞台（stage）大小发生变化时，执行那个事件；执行一下事件。网页中，设置flash的宽和高，都是100%。从我以前写的程序里边，择出了一部分相关代码，你看一下吧。

5、可以通过cover和contain来对图片进行伸缩。

6、配置compression-webpack-plugin前后打包对比，我们查看dist目录，能够发现大于10KB的 js ， css 等文件已经被压缩了SVG放大后如何保存 除JPG以外，还要很多常用的图片格式，但不同的软件并非都支持： BMP格式 BMP是英文Bitmap（位图）的简写，它是Windows操作系统中的标准图像文件格式，能够被多种Windows应用程序所支持。

我的网页设置是1440*699的,怎么让网页在各种分辨率的显示器上都可以满屏...

1、满屏要很多个地方都设置，如果是flash就好办多了，html的话就稍微麻烦点！flash可以设置为全部内容按百分比缩放！而html则要麻烦的多！！介绍下我自己的经验：首先，隐藏html或body的溢出。

2、控制面板--NVIDIA控制面板--显示--调整桌面尺寸和位置 选择第一项[使用NVIDIA 缩放功能]，点右下角应用。

3、现在的网站都是使用标准分辨率1024X768，如果你使用宽屏显示器（如19寸的分辨率为1440X900）两边一定留有空白，这是正常的。如果你一定要满屏显示，请将19寸宽屏显示器的分辨率设置成1024X768。

4、你这显示器是16：10是会出现这种现象的你要自己调节画面宽度使之适合。 你看电影不满屏是因为电影做出来时是按16：9做的，你16：10本来就应该是有空隙的。 老实说个人对16：10的屏不太看好，因为电影本来就是16：9做的，游戏当然是5：4为主，也有很多为了宽屏做成16：9的。

5、在“设备管理器”当中把“即插即用监视器”卸载了，重新启动看一下。折腾好折腾好，不折腾怎么进步呢？是不是都卸载了。