响应式要支持的常见分辨率

最新推荐文章于 2023-09-18 12:02:00 发布

weixin_30487317

最新推荐文章于 2023-09-18 12:02:00 发布

阅读量711

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/liuyq/p/4081938.html

屏幕分辨率一般是这样的。

然后做响应式的时候，需要考虑的是1024 * 768、768 * 1280、640 * 960、320 * 480的分辨率，其他的都不怎么考虑。

1024 * 768 是一般电脑屏幕分辨率；

768 * 1280是平板横着时的分辨率

640 * 960是平板竖着时的分辨率

320 * 480是iphone手机的屏幕分辨率。

本文转载于：http://zhidao.baidu.com/link?url=qK_Izc5n13Zw3ijDZwa2EISCx9DNf-iNbOzJYnIYYQf_Qlnhy9OD3Mj1KyXb_sUQ1L1TcagtSe6enju1xF_RgI0pZxh_EahhjIJgKgDW4pq

转载于:https://www.cnblogs.com/liuyq/p/4081938.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30487317

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【商城实战(42)】Element PLUS：解锁PC前端响应式设计的秘密武器

邓邓子的博客

03-17

1101

本文聚焦 Element PLUS 在商城 PC 前端响应式设计中的应用。开篇点明数字化时代响应式设计重要性，阐述 Element PLUS 为此提供有力支持。详细介绍其栅格系统构建响应式布局的原理及不同屏幕尺寸下的布局演示，讲解结合媒体查询优化组件样式的方法及实例。针对移动端，提出多种适配策略及对具体组件（如 el - table、el - dialog 等）的优化措施。总结 Element PLUS 当前的作用，展望其未来在功能扩展、适应新技术发展及与其他技术融合等方面的广阔前景，助力电商前端开发进步。

【转】响应式布局常用的分辨率

weixin_33948416的博客

08-08

738

类型　　　　布局宽度　　　　　　列宽　　间隙宽度大屏幕　　　大于等于1200px 　　 70px 　　30px 默认　　　大于等于980px 　　 60px 　　20px平板　　　　大于等于768px 　　 42px 　　20px手机到平板　小于等于767px 　　流式列无固定宽度手机...

参与评论您还未登录，请先登录后发表或查看评论

响应式要适配哪些分辨率

qq_28556553的博客

07-15

1364

然后做响应式的时候，需要考虑的是1024 * 768、768 * 1280、640 * 960、320 * 480的分辨率，其他的都不怎么考虑。 1024 * 768 是一般电脑屏幕分辨率； 768 * 1280是平板横着时的分辨率 640 * 960是平板竖着时的分辨率 320 * 480是iphone手机的屏幕分辨率。

h5响应式布局，pc端和手机端的几种分辨率

gxr0612的博客

03-29

1306

QVGA:240*320 WQVGA:240*400 CGA:200*320 HVGA:320*480 EGA:350*640 NVGA:360*640 WVGA:480*800 FWVGA:480*854 SVGA:600*800 XGA:1024*768, WSXGA:1440*900 Retina Display：960×640 8.9寸:1024*500 10.4寸、12.1寸、14.1寸、15寸:1024*768 1280*800 1280*1024 1280*854

响应式分辨率几个划分方法

jugt的博客

09-08

679

@media screen 监听页面尺寸示例： @media print @media(min-width:768px){} @media(min-width:992px){} @media(min-width:1200px){} @media(max-width:767px){} @media (min-width: 768px)表示最小是768也就是>=768，这里有等于，我们判断更小的设备用@media (max-width: 767px)表示<=767就不会有冲突了。 @med

响应式网站设计尺寸规范：前端开发响应式布局常用分辨率有哪些尺寸

xiaoshengjinbu的博客

09-18

1500

尺寸：320px 320px是最小的移动设备屏幕尺寸，也是最常见的尺寸之一。这个尺寸通常用于iPhone 4和iPhone 5等较小的手机屏幕。在响应式网站设计中，我们需要为这个尺寸设置相应的样式，以确保网站在这个尺寸下也能够正常显示。尺寸：480px 480px是另一个常见的移动设备屏幕尺寸。这个尺寸通常用于Android手机和iPhone 6等较小的手机屏幕。在响应式网站设计中，我们需要为...

法律咨询与支持响应式网页模板

01-22

在这个"法律咨询与支持响应式网页模板"中，我们可以探讨几个关键的知识点： 1. **响应式布局**：这种模板采用了流式布局，通过媒体查询（Media Queries）来定义不同屏幕尺寸下的样式规则。例如，可能使用百分比单位...

《移动端响应式设计框架的全面解析》

最新发布

07-25

移动端响应式框架是一种网页开发技术，专门用于适应各种设备的屏幕尺寸和分辨率，确保网站在手机、平板电脑（如 iPad）以及桌面浏览器上都能提供优化的用户体验。随着移动设备的广泛使用，响应式设计已成为现代 Web ...

响应式网格图文和导航GSAP特效

07-14

响应式设计是一种设计理念，它的核心是使网页能够根据用户的行为和使用的设备环境（系统平台、屏幕尺寸、屏幕方向等）自动调整布局、图片大小及脚本功能。这种设计方式确保了网页内容在不同设备上的可读性和交互性，...

响应式旅游主题网站模板

04-02

在创建响应式旅游网站时，常见的页面元素包括首页、关于我们、目的地介绍、旅游套餐、博客、联系我们等。首页通常会有一个大图轮播，展示吸引人的旅游目的地；目的地介绍可以以网格形式呈现，方便用户快速浏览；旅游...

响应式官网（四种分辨率样式）

vacant1b的博客

04-15

656

大web,小web,ipad,移动端，包含七个页面，万能官网套用模板，用到框架jquery与bootstrap,也可以用Vue 移动端常用头部 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>马克森橱柜</title> <link rel="shortcut icon" href="img/home/title_img_03.png"

响应式(Responsive)网页设计-1分钟决定最小分辨率

chungchi300的专栏

01-27

680

桌面电脑 1366 - 覆盖 96% 1024 - 覆盖 100% http://gs.statcounter.com/screen-resolution-stats/desktop/worldwide 平板电脑 1024 - 覆盖 100% http://gs.statcounter.com/screen-resolution-stats/tablet/worldwide

响应式网站布局要适应的当下主流手机屏幕的各个版本的分辨率有哪些（media query）

行成于思毁于随

07-06

2460

CSS宽有13种：320、360、375、384、400、533、600、768、800、853、1024、1280、1366CSS高有15种：360、480、533、568、569、600、640、667、720、768、800、853、960、1024、1280考虑到屏幕可能变为竖屏，那么综合一下共20种:320、360、375、384、400、480、533、568、600、640、667、7

HTML5----响应式（自适应）网页设计（自动适应屏幕大小）

jacklin_01的博客

03-25

3596

现在，很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机，电脑等设备，那么就需要我们在页面上下功夫，但移动端的布局不同于pc端，首先我们要知道在移动端中，css中的1px并不等于物理上的1px，因为手机屏幕的分辨率已经越来越高，高像素但是屏幕尺寸却没有发生太大变化，那就意味着一个物理像素点实际上塞入了好几个像素。下面我就来说一下如何做响应式（自适应）的网页设计 1、在网页代码的头部...

web开发兼容不同的屏幕分辨率和浏览器

热门推荐

wan小小冰的博客

11-22

2万+

在web开发的过程中经常会要求根据不同的屏幕大小来做兼容，尤其是webAPP的流行和各种响应式布局，兼容不同的屏幕分辨率更是前端开发者必会的技能。本篇主要介绍用CSS 的媒体查询来兼容不同的屏幕大小和用js 来兼容不同的浏览器（主要是IE、火狐、360、谷歌、UC、QQ、百度等）。一、CSS媒体查询使用 CSS3 的@media 查询，你可以针对不同的媒体类型定义不同的样式。它的语法结构是： ...

前端电脑和浏览器分辨率不同_响应式网站前端设计你了解嘛？

weixin_39550587的博客

11-28

192

尽管中国的搜索引擎技术还不是很成熟，百度建议移动站和pc网站应该分开。然而，随着技术的发展，响应性网站在未来将会像谷歌一样被认可。毕竟，它更方便，节省了资源和时间成本。以下是我的一些经验：1.使用em和rem来控制大小习惯于pc页面的前端开发人员可能更喜欢使用pc来控制页面大小，但是em和rem在响应页面中出现的频率更高。使用它们来控制字体大小，甚至是框架大小，总体上有非常明显的效果。可以大大减少...

web前端响应式布局,自适应所有分辨率

艾瑞可erik

07-27

1万+

写phpd的我。最近公司要弄个app关键是没有web开发，而我有比较闲，那就扛枪上阵吧。 响应式布局，web端的？php我一直都是用tp框架，对于web首先想到的是bootstrap框架。只是简单了解过，没真正实践啊，bootstrap比我想象的要好用的多。关键是，关键来了…… app端是只有手机的，pc基本上木有。那就是说只能按照手机端开发，那么boostrap响应式布局就不适用于app了（

前端常识：常见显示器屏幕分辨率

HELLO WORLD

01-11

1万+

概括屏幕比例4:3 屏幕比例16:10 屏幕比例16:9 屏幕比例5:4 VGA(640x480) WVGA(800x480) qHD(960 x 540) SXGA (1280x1024) SVGA(800x600) WSVGA(1024x600) 720p(1280x720) XGA(1024x768) WXGA(1280x800) WXGA(1366x768) ...