最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

关于HTML分辨率匹配问题_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 16:15:54
文档

关于HTML分辨率匹配问题_html/css_WEB-ITnose

关于HTML分辨率匹配问题_html/css_WEB-ITnose:图片红色长方形表示浏览器显示的部分, 图片一共三排(每排div都是通过第一个div进行浮动,第二排和第三排调了外边距)div组成, 我想在不同分辨率荧幕下的显示效果相同,请问该怎么实现,小白实在不懂,搞了一下午也没头绪,希望大家帮帮忙。
推荐度:
导读关于HTML分辨率匹配问题_html/css_WEB-ITnose:图片红色长方形表示浏览器显示的部分, 图片一共三排(每排div都是通过第一个div进行浮动,第二排和第三排调了外边距)div组成, 我想在不同分辨率荧幕下的显示效果相同,请问该怎么实现,小白实在不懂,搞了一下午也没头绪,希望大家帮帮忙。


图片红色长方形表示浏览器显示的部分,
图片一共三排(每排div都是通过第一个div进行浮动,第二排和第三排调了外边距)div组成,
我想在不同分辨率荧幕下的显示效果相同,请问该怎么实现,小白实在不懂,搞了一下午也没头绪,希望大家帮帮忙。


回复讨论(解决方案)

宽高可以设置为百分比的值,如width;100%; 这个百分比是按照屏幕大小算的,百分之百就是屏幕的宽高。

显示效果相同 这句话太模糊了

比如手机 横过来 和竖过来 你也要显示一模一样的?

一般情况下 我们更喜欢 自然排列
只要定义好 div的宽高 后面 float:left就自己撑高度啊

复杂情况下 我们要根据不同的显示屏幕大小 定义不同的 div的宽高


最最简单的 你页面什么多余的不要写 只要写死红色div的宽度就可以了

不同分辩率有不同的宽度,只要让你的设计在不同宽度中div自动浮动

open lab 
  • Docker 监控实战

  • Apple Swift语言正式开源,支持Linux

  • 首场HTC Vive开发者峰会开幕在即, 各VR大牛前来分享干货

  • C++11之美

  • PHP 7.0.0正式版来了

  • 移动App图标设计的最佳实践

  • 在Node应用中实施Web认证的四大方法

  • Spark零基础入门(4):Scala 类和对象

  • 为什么移动化对企业级应用如此重要?


  • 用框架试试吧,相对来说更简单一些。。。

    文档

    关于HTML分辨率匹配问题_html/css_WEB-ITnose

    关于HTML分辨率匹配问题_html/css_WEB-ITnose:图片红色长方形表示浏览器显示的部分, 图片一共三排(每排div都是通过第一个div进行浮动,第二排和第三排调了外边距)div组成, 我想在不同分辨率荧幕下的显示效果相同,请问该怎么实现,小白实在不懂,搞了一下午也没头绪,希望大家帮帮忙。
    推荐度:
    标签: 分辨率 html css
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top