c# – 使用WebKit在Windows上模拟iOS和Android内置浏览器

我正在使用.NET开发一个邮件应用程序,它会自动为不同的屏幕大小生成CSS.在Windows中查看结果的最佳方法是什么?Android和iOS设备使用WebKit,但我不确定如何模仿屏幕大小.例如,当我有类似的东西:link rel=styles...

我正在使用.NET开发一个邮件应用程序,它会自动为不同的屏幕大小生成CSS.在Windows中查看结果的最佳方法是什么?

Android和iOS设备使用WebKit,但我不确定如何模仿屏幕大小.

例如,当我有类似的东西:

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/mobile.css" type="text/css" />

我对在线模拟器不感兴趣,我使用的是WebKit.NET

解决方法:

我没有尝试使用WPF,但使用Windows Forms它可以正常工作,所以这可能会有所帮助:

我使用媒体查询:

@media (min-width: 300px) {

并且我有一个WebKitBrowser控件停靠以填充面板(因为我有一些控件停靠在我的表单顶部)并且可以确认而不是简单地设置表单尺寸,例如

this.MaximumSize = this.MinimumSize = this.Size = new Size(width, height);

像我期望的那样触发媒体查询.例如.我有一个我使用的纵向/横向按钮,这只是翻转表单的宽度和高度,停靠的浏览器填充新的方向.应该很简单吗?

我想如果你尝试一下,然后它不起作用,你就可以提供更多关于什么/不起作用的信息.

本文标题为:c# – 使用WebKit在Windows上模拟iOS和Android内置浏览器

基础教程推荐