html页面高度自适应怎么实现手机自适

来源：蜘蛛抓取(WebSpider) 时间：2018-06-24 05:14 标签： html手机页面自适应
手机自适应html5页面-前端开发-猪八戒网
扫一扫，随时随地挑选人才和公司
全球知识工作者一站式工作平台
微信公众号
随时掌握一手资讯
手机自适应html5页面
参与此项目的服务商
近3个月成交0笔|好评率
等1位服务商参与了此项目
项目需求详情：
要求：做html5手机自适应页面，一个竖着的折现图，样式参考图片
页面数量：1个页面
设计要求：一个竖着的折现图，样式参考图片
是否需要前端开发：是
参考网站：详情附件
设计周期：3-4天
服务商要求：认证机构（认证个人，认证机构或不限）
雇主预算：具体详谈
补充需求：
竖向的项目参考附件
网站UI设计
移动应用UI设计
软件界面设计
宣传品设计
网站定制开发
电商经营管理
网站安全、维护
美工/文案外包
网站二次开发
促销物料设计
网站UI设计
移动应用UI设计
软件界面设计
圆满完成的项目
进行中的项目&&完css+html5如何网站自适应手机和电脑?css中设置了宽。html中设置了 meta &&viewport属性（自适应）现在的问题是：如果写了宽，自适应就不管用。可能还有一些字体问题。如果不写宽，把他们均摘出来放到一个空的css里 然后注释之前css 调用现在css。则手机上自适应。但这样，电脑网站上就没有宽了，是全屏也不是我想要的了。现在请问怎么改。怎么办。1个牛币所有回答列表(1)&LV26可以得话就用@media最佳答案等等等等等等等等等完等等相关问答完等等等等等等等等完完等最近浏览&LV2&LV2&LV9&LV11&LV1&LV1&LV4&LV1&LV24&LV1扫描二维码关注最代码为好友"/>扫描二维码关注最代码为好友所有回答(5)
按正方形等比缩放， 你可以用js控制。 &控制一个参数（width或height）就行； &
&script type="text/javascript"&
$(function(){
var imglist =document.getElementsByTagName("img");
//安卓4.0+等高版本不支持window.screen.width，安卓2.3.3系统支持
window.onresize = function(){
//捕捉屏幕窗口变化，始终保证图片根据屏幕宽度合理显示
function doDraw(){
_width = window.innerW
for( var i = 0, len = imglist. i & i++){
DrawImage(imglist[i],_width);
function DrawImage(ImgD,_width){
var image=new Image();
image.src=ImgD.
image.onload = function(){
//限制，只对宽高都大于30的图片做显示处理，换成你想要的宽度。
if(image.width&30 && image.height&30){
if(image.width&_width){
ImgD.width=_
ImgD.height=(image.height*_width)/image.
ImgD.width=image.
ImgD.height=image.
园豆：3266
一般我们是不控制图片的&图片都是宽度100%&高度auto
要控制的是装图片的容器宽度一般我们开发手机页面都用Bootstrap&你可以参考下
园豆：1518
图片自适应？ &height 根据整个页面的百分比计算，width就来100%吧！
（比如：页面height：1500px，图片为heig：60px。则就可以设置图片高为：4%，）
这样我基本可以解决图片自适应的问题！嘻嘻
宽度为100%，高度为auto，即width：100%；height:&
比如 外层的class=box
var w=$(".box").width();// 这里获取到宽度
$(".box").height(w) //然后让宽度等与高度就是正方形
清除回答草稿
&&&您需要以后才能回答，未注册用户请先。【思景旗舰店】本色纸，无漂白荧光剂，婴儿可用，食品级，可直接将食物放置在上面，撕开无尘屑，韧性好，湿水可放20枚以上硬币，湿水后可当湿巾使用【赠运费险】 原价：59.90 券后价：49.9 销量：8453
模版介绍：100多个手机WAP站点HTML模版打包，其中还有不少HTML5响应式模版，这些模版宽度自适应手机浏览器，喜欢研究手机web网站的朋友赶快试试吧。
?↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓黑锐淘折扣重磅上线，快点击图片领取你的专属折扣！↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
转载请注明： &
坐飞机可携带，随身携带，数字显示电量一目了然，支持2A快充，多USB输出口，充电便携，耐磨防刮。 原价：84.90 券后价：44.9 销量：15594
花花公子品牌授权，简约修身设计，拉长腿部视觉效果，不挑身材，轻松驾驭，超有范，优质面料，舒适透气，不起球不变形，潮人必备！【赠运费险】 原价：189.00 券后价：89 销量：734中英文双语html5响应式手机自适应php网站源码 - ThinkPHP框架
中英文双语html5响应式手机自适应php网站源码网站源码和营销型网站模板已经太多了，现在很多企业使用的营销型网站程序源码都是友软科技分享出去的，今天小编给大家分享的这套程序源码比之前的营销型网站模板更加高大上，这套企业营销型网站程序源码是一个中英文双语的网站，双语在同一个后台管理，管理起来也十分方便，直接在网站管理后台右上角的“语言设置”中选择切换中英文即可管理对应语言版本的网站内容，后台操作都是中文的，所以操作起来也没有什么困难。
程序做了很多优化，主要是为了让企业做网站以后能够更好的被百度、好搜、搜狗等搜索引擎收录并获得好的排名，网站前台采用纯静态，这样既有利于搜索引擎爬虫程序抓取网站内容，同时也能加快网站的相应速度，让你的网站能够承载更多的访问量。
为了方便网站的日常内容维护，所以新闻更新和产品更新都是自动生成静态页面的，无需手动生成，只有在后台修改某些内容影响到全站的时候，才需要手动去生成所有页面。
演示参考下这里：
ThinkPHP 是一个免费开源的，快速、简单的面向对象的 轻量级PHP开发框架 ，创立于2006年初，遵循Apache2开源协议发布，是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，也注重易用性。并且拥有众多的原创功能和特性，在社区团队的积极参与下，在易用性、扩展性和性能方面不断优化和改进，已经成长为国内最领先和最具影响力的WEB应用开发框架，众多的典型案例确保可以稳定用于商业以及门户级的开发。

我要回帖

更多关于 html手机页面自适应 的文章

 

随机推荐