html5页面加载百分比，h5页面加载慢

html5,有3个li,我宽度百分比设置,怎么撑满屏幕,还是JS设置,写33.333%...

想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：metaname=viewportcontent=width=device-width，initial-scale=0/。

这种情况需要用百分比来编写样式的宽度大小或者用JS判断根据不同的屏幕分辨率来编写不同的样式大小，这样才能确保你的样式能正确的占满全屏。

屏幕宽度未知，一行排3个，每个宽度都是333333%，但是高度不能写百分比了。

方法 为不同分辨率单独做样式文件，在页面头部用js判断分辨率后动态加载定义好的样式文件。样式文件命名格式如：forms[_屏幕宽度].css，样式文件中只需重新定义文本框和下拉框的宽度即可。

相关问答

Q1: 在HTML5中如何设置屏幕百分比

meta name=viewport content=width=device-width， initial-scale=0， user-scalable=no， minimum-scale=0， maximum-scale=0/ 上面的参数看名知意，按需修改。

自然，解决这个问题的办法就是将表格宽度设置成固定宽度（也就是像素值）。另外如果外层表格已做好固定宽度设置，内层表格也可以适当使用百分比设置。清楚这个原则以后，如果出现类似的问题大家也知道怎么解决。

用JS调制屏幕大小。CSS 方面：去掉所有元素的外间距、内边距，html 和 body 宽高设为 100%，canvas 元素 display 设为 block。JS 方面：监听窗口的 resize 事件，在窗口大小改变的同时调整 canvas 的大小。

Q2: JS怎么实现网页加载的进度百分比

1、首先，我们制作的这个进度条并没有后台数据作为支撑，所以是一个靠js实现的一个简单的页面。我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的。

2、用这个数字减去那个进度条DIV的clientX属性就是鼠标在进度条上的位置。你自己可以作些加减微调确保结果适当。如果宽度100px，你点的位置是40px.那么用40/100*歌曲长度就是当前应该跳转到的位置了。

3、window.onload = function(){ clearInterval(timer) console.log(渲染时间：， time)} 正常的代码，渲染都不会太耗时间，真正影响性能的是网络加载，也就是你的Js代码要尽可能轻量，且做到模块之间少冗余。

4、我只说思路：1。点击位置时，要判断点击点的位置，所处进度条的百分比。

Q3: html5.怎么固定网页分辨率?

第二种方法：做两个适合不同分辨率的页面，一个是800×600，一个是1024×768，在800×600的页面中加入一下代码就可以实现跳转了：解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段Javascript代码。

老的方法是用在最外面放一个TABLE标签，定义好它的宽度，比如稍小于1024，因为右边会有垂直滚动条，浏览器也有边框。定义一个980，990这些差不多了。

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

解决分辨率问题在Dreamweaver中没有此项功能，我们只能手动加入一段Javascript代码。

首先打开浏览器，点击选择右上角“三”图标按钮。然后在新的界面里点击选择“选项”按钮。之后在新的界面里点击选择左侧“高级设置”按钮。

这个很简单：把（定位）表格的宽度设置成百分比（不要使用固定像素）就行了。就是说你既然要实现缩放，那就不能固定1300了。注意：网页中的图片、表单、等元素是不能缩放的。

关于html5页面加载百分比和h5页面加载慢的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。