device-width

移动端开发的注意事项

一meta标签的使用1.强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；width=device-width:宽度等于当前设备的宽度intial-scale
IF_123·2024-02-10 01:00

通过meta设置识别H5与PC端，自适应屏幕

这个meta标签组合可以实现以下功能：width=device-width：设置视口宽度为设备宽度。initial-scale=1.0：设置初始缩放比例为1。
php转go·2024-02-09 06:02

移动端WEB开发

移动端开发选择单独移动端页面（主流）响应式兼容PC移动端六，移动端技术解决方案七，特殊样式一，meta视口标签想要理想视口，就要给移动端页面添加meta视口标签属性解释说明width宽度设置的是viewport宽度，可以设置device-width
Mon trésor.88·2024-02-08 22:22

解决使用click事件苹果手机连续点击多次出现的Bug

Android设备上的google浏览器（Chrome）32+版本，在meta头信息中设置width=device-width没有3
MAYDAY77·2024-02-05 02:16

Vue禁止指定vue页面缩放适配移动端

让我们逐步解释：width=device-width（宽度等于设备宽度）：这将视口的宽度设置为设备的实际宽度。这确保网页内容将以设备屏幕的完整宽度显示。
SuperYiY·2024-01-27 20:21

2022-03-08 面试总结

device-width是指这个设备最理想的viewport宽度user-scalable是否允许用户手动缩放页面initial-scale定义初始缩放比例maximum-scale/minimum-scale
网恋被骗二块二·2024-01-26 00:47

STM32F407移植OpenHarmony笔记1

参考文档：OpenAtomOpenHarmonywidth=device-width,initial-scale=1.0https://docs.openharmony.cn/pages/v3.2/zh-cn
星沉地动·2024-01-25 13:57

iPhoneX适配问

```html：你自己的页面内容```css```@mediaonlyscreenand(device-width:375px)and(device-height:812px)and(-webkit-device-pixel-ratio
yyshang·2024-01-23 21:55

今日前端十个知识点——CSS篇（一）

1、viewport视口width设置viewport宽度；device-width设备宽度；initial-scale初始缩放比例；minimum-scale允许用户最小缩放比例;maximum-scale
前端fighter·2024-01-23 07:02

Nuxt3_2_SEO and Meta+Transitions

charset:utf-8viewport:width=device-width,initial-scale=1可以在nuxt.config.ts中进行使用：//https://nuxt.com/docs
fighting Ably!·2024-01-16 12:41

Bootstrap全部知识点总结

1.安装使用bootstrap库CDN2.创建bootstrap对移动设置友好，可以触屏缩放width=device-width:宽度是设备屏幕宽度initial-scale=1表示初始的缩放比例容器：
czy陈泽宇·2024-01-12 07:41

css 网页整体缩小_css实现缩放自适应网页--手机web

viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度(width=device-width)，原始缩放比例(initial-scale=1)为1.0，即网页初始大小占屏幕面积的
Sara blahhhh·2024-01-10 20:42

CSS3媒体查询

braille盲文触觉设备embossed盲文打印机speech“听觉”类似的媒体设备tty不适用像素的设备媒体属性width（浏览器|视口宽度可加maxmin前缀）height（可加maxmin前缀）device-width
fb941c99409d·2024-01-09 13:07

HTML中网页缩放配置mete-viewport

让我们逐个解释这个标签中的属性：width=device-width:这个属性设置视口的宽度等于设备的宽度。这确保网页在移动设备上不会缩小到一个默认的宽度，而是会根据设备的实际宽度进行调整。
JackieDYH·2024-01-07 16:39

移动端声明及meta标签设置

：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备那么大展示；视口的宽度可以通过meta标签设置；此属性为移动端页面视口设置；width：视口的宽度，width=device-width
梓钰·2024-01-03 16:26

CSS-5

电脑常见分辨率：1920*10801336*768...硬件分辨率->物理分辨率（出厂设置）缩放调节后的分辨率->逻辑分辨率（软件/驱动设置）视口视口：显示HTML网页的区域，用来约束HTML的尺寸width=device-width
-seventy-·2024-01-03 11:47

移动端适配（响应式）

可以设置确切像素数，或者device-width这一特殊值表示页面宽度为屏幕宽度。（相应有height及device-height属性。）initial-scale属性控制页
是刘快啊·2023-12-30 06:04

响应式布局

一、搭建一个H5页面1.我们需要在head中添加一个meta标签（在webstorm中输入meta:vp按下tab键会自动生成）2.viewport：视口3.width=device-width：设置视口的宽度等于设备的宽度
李丹linda·2023-12-29 11:25

meta标签

浏览器起查看作用meta解读元素信息的标签元信息标签metautf-8字符编码（防止文本乱码）专注于移动端(Gb2312专注于PC和数据库的字符编码)viewport用于获取设备的可视窗口width=device-width
a不知所谓·2023-12-27 05:46

css@media媒体查询

device-width:设备屏幕的宽度。device-height:设备屏幕的高度。orientation:检测设备目前处于横向还是纵向状态。
CQXXTXX·2023-12-24 08:12

【HarmonyOS开发】ArkTs关系型和非关系型数据库的存储封装

1、效果预览2、使用条件2.1键值型数据库键值型数据库实现数据持久化width=device-width,initial-scale=1.0http://test.openharmony.cn:7780
兵腾傲宇·2023-12-21 06:53

前端面试（5）

YourPageTitle在这里，的设置起到了关键作用：width=device-width:将页面的宽度设置为设备宽度。initial-scale=1:初始缩放比例为1，即不缩放。
努力学习的廖同学·2023-12-17 21:57

利用meta标签禁止用户缩放

假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为device-width可以确保它能正确呈现在不同设备上。
艾瑞克曾·2023-12-17 12:48

谈谈你是如何做移动端适配的？

以下是一些常见的移动端适配策略：使用Viewportmeta标签：在HTML文档的头部添加Viewportmeta标签，通过设置width=device-width，可以告诉浏览器使用设备的宽度作为页面的宽度
是个车迷·2023-12-14 17:07

网页宽度自动调整

viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的
半世浮华一生留恋·2023-12-03 19:30

移动端项目——布局方案

移动端：一、应用范围普通网站：app内嵌网页，轻应用，公众号，小程序二、相关设置（1）宽度：1.视口宽度：每个浏览器有一个默认宽度，980pxwidth=device-width:视口宽度等于设备宽度2
littlefish_305a·2023-11-28 08:59

nuxt.js的学习(三) elementUI配置博客头部

nuxt.config.js配置head，进行全局的配置head:{title:'博客社区门户网',meta:[{charset:'utf-8'},{name:'viewport',content:'width=device-width
捡黄金的少年·2023-11-27 01:23

移动端声明及meta标签设置

：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备那么大展示；视口的宽度可以通过meta标签设置；此属性为移动端页面视口设置；width：视口的宽度，width=device-width
兜兜里冒糖糖·2023-11-19 19:41

cesium版本之间如何兼容_【JS】cesium与three.js 结合的栗子，结合了一下网友们的栗子，解决了three.js 高版本模型出不来的问题...

废话不多说先上图下面是源代码html>content=”width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable
赤衿·2023-11-15 04:52

2.9 CSS 响应式布局

device-width：检测设备屏幕
HuaLuLemon·2023-11-05 06:27

前端移动web高级详细解析三

方便查看页面效果屏幕分辨率分类：物理分辨率：硬件分辨率（出厂设置）逻辑分辨率：软件/驱动设置结论：制作网页参考逻辑分辨率视口作用：显示HTML网页的区域，用来约束HTML的尺寸  ​ ​ Document width=device-width
东北赵四·2023-11-02 00:15

记录：wkwebview加载某些h5界面放大问题

document.createElement('meta');meta.setAttribute('name','viewport');meta.setAttribute('content','width=device-width
简单易写·2023-11-01 00:59

iPhoneX，iPhoneXR，iPhoneXS Max刘海适配问题

只能自己测试出来的匹配规则，虽然也不知道是否正确，毕竟不是做app原生开发的，但是可以适配XRviewport-fit=cover/*X、XS机型的媒体查询*/@mediaonlyscreenand(device-width
Z_Dylan·2023-10-28 15:12

web常用基础知识

1、viewport//width设置viewport宽度，为一个正整数，或字符串‘device-width’//device-width设备宽度//height设置viewport高度，一般设置了宽度
呂鳳先·2023-10-23 03:36

H5项目常见问题汇总及解决方案

Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构//width设置viewport宽度，为一个正整数，或字符串‘device-width’//height设置
风神.NET·2023-10-22 20:25

移动端适配

vue-cli创建项目）来设置响应式布局，让我们能更便捷使用px去开发还原设计图，不必考虑过多的单位转换计算、适配等问题设置viewport设置布局窗口和视觉窗口一致，缩放比例都设为1，并且不允许缩放width=device-width
miao8862·2023-10-20 22:03

2018-06-04 . 适配iphonex

@mediaonlyscreenand(device-width:375px)and(device-height:812px)and(-webkit-device-pixel-ratio:3)2.
演员的自我修养_4618·2023-10-15 16:59

移动端总结

移动端的适配一、Viewport视口用法：属性：width:控制Viewport的大小，device-width是屏幕的宽度initial-scale:初始缩放比例，用户第一次打开页面的显示比例maximum-scale
呆毛和二货·2023-10-13 18:51

H5项目常见问题及注意事项

open1449325854077.htmlMeta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构//width设置viewport宽度，为一个正整数，或字符串‘device-width
彼岸归梦·2023-10-13 14:43

CSS 媒体查询 IPHONE PC 常用尺寸总结

//iPhone5/SE@mediaonlyscreenand(device-width:320px)and(device-height:568px)and(-webkit-device-pixel-ratio
alokka·2023-10-12 23:28

2019-04-16移动端和@media标签的使用

一.1.必须引入的标签：1..name="viewport"//设置视口（网页可绘制的区域）；2.width=device-width//应用程序的宽度和屏幕的宽度是一样的；3.height=device-height
LYH2312·2023-10-07 11:47

2018-10-07Bootstrap01

假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为device-width可以确保它能正确呈现在不同设备上。initial-scale=1.0确保网页加载时，以1:1的比例呈
小挠许·2023-10-05 03:39

Vue笔记 适配移动端

width=device-width：将布局限制在浏览器内置的宽度内。initial-scale=1.0：默认情
凯凯本凯·2023-10-04 15:07

H5设计尺寸总结

（以下所有讨论基于viewport设定为content=“width=device-width”的情况下及代码中必须包含：如图一）图一H5一般的设计尺寸采用640*1136px即可，不过实际尺寸采用720x1280
梦享者·2023-10-01 02:27

iOS WKWebview字体自动放大的问题

即后台设置的显示内容宽度：publicfuncloadHTMLString(_htmlString:String,_baseUrl:URL,_contentWidth:String){varwidthStr="device-width"ifCGFloat
小呀小苹果呀·2023-09-28 15:40

2019-01-14移动端、rem

移动端的写法（百分比写法）兼容性较强：initial-scale=1（初始值1）,minimum-scale=1（用户的最小缩放值）,maximum-scale=1（用户的最大缩放值）屏幕自适应(百分比写法)：device-width
陳先生_2211·2023-09-28 13:57

关于自适应的解决方案

如何使用媒体查询：首先在页面里添加meta标签注：width=device-width:宽度等于当前设备的宽度initial-scale=1：初始的缩放比例（默认为1）maximum-scale=1：允
zysimplecode·2023-09-27 14:06

09_CSS3多媒体查询

常用的媒体查询属性如下：设备宽高：device-width、de
云和数据.ChenGuang·2023-09-23 14:42

移动端H5页面的设计稿尺寸大小规范

请注意：（以下所有讨论内容和规范均将viewport设定为content=”width=device-width”的情况下）也就是我们的H5页面前端代码里面必须包含根据目前市场流行的手机移动终端，统计他们的设备独立像素
醉于麦田·2023-09-22 14:38

WKWebView加载HTML文本

document.createElement('meta');meta.setAttribute('name','viewport');meta.setAttribute('content','width=device-width
i_苏·2023-09-21 14:32
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他