标签: adaptive-design

就我在网上的调查结果而言,下一个重要的是<picture>元素.我找到了很多资源,就在我决定去的时候,我来到了这个网站.如果您查看任何图像的来源,您会发现它有一个查询字符串,例如width=940&height=320&mode=crop&scale=both&meta=panoramic当我调整窗口大小时,我width=300&height=200&mode=crop&scale=both&meta=square&anchor=topcenter觉得这个网站使用的是Image Resizer,根据屏幕大小,正在处理一张照片由服务器在运行中输出新图像.

我不明白的是,这些方法中的哪一个实际上更好,因为 picture元素仍然需要将多个图像上传到服务器,而imageresizer只需要一个并且它会裁剪大小适合屏幕尺寸的图像.但另一方面,使用该picture元素,服务器不会受到调整图像大小的请求的轰炸,但是可以节省处理和时间的现有照片吗？

.net image-resizing responsive-design adaptive-design responsive-images

Kem*_*min

2017 12-16

6
推荐指数

1
解决办法

157
查看次数

如何让自适应图像为响应式 BootStrap 图像发送正确的文件大小？

我的网站上有 Matt Willcox 出色的自适应图像。它是这样工作的：

服务器提供 800 像素的图像。
自适应图像重定向到不大于您的分辨率宽度的图像

问题是 BootStrap 在桌面和平板电脑和移动设备的全宽中以列显示图像。因此，从技术上讲，与较小的视口相比，自适应应该为桌面提供较小的图像。Google PageSpeed 为此向我猛烈抨击我。我有 800 像素的图像缩小到大约 150 像素左右。

我做了很多研究，但似乎找不到可行的解决方案。我应该破解自适应图像以查看分辨率宽度以外的功能以提供正确的图像吗？是否有不同的库可以解决此问题？

php pagespeed responsive-design twitter-bootstrap adaptive-design

opp*_*day

lucky-day

5
推荐指数

1
解决办法

213
查看次数

分页取决于窗口大小 - 每页查找项目数的方法

很抱歉很久,非常感谢你平常的时间和指导.

我有一个未知的维度; 实际上,它的宽度和高度是使用百分比设置的,因此最终的像素值取决于窗口innerWidth的innerHeight属性.

我需要在div中创建一个ajax分页.换句话说,我有两个孩子div(如下图所示).第二个是分页链接.第一个负责保持物品(水平和垂直对齐).它将(自动)宽度未知.因此,内部物品的数量取决于其最终宽度和高度,因为所有物品都具有固定的已知宽度和高度(假设宽度为80像素,高度为50像素).

我希望下图以最佳方式说明我的问题:

目标是找到一种很好的方法来找到X和Y的值.

X =每行的项目数
Y =每列的项目数

这两个值将有助于查找每页的项目数(用于服务器端的分页).将通过将总页数除以该值来创建分页链接.注意:一切都是用ajax完成的.

我打算做什么:

calculate_viewport()在解析/执行任何其他事物之前,创建一个javascript函数作为第一个执行的函数.
创建一个javascript函数,根据返回的值计算X和Y值calculate_viewport().

使用X和Y进行请求某个页面的ajax调用.

<script type="text/javascript">

function calculate_viewport() {
    var width_and_height_object;
    // calcluate width and height using of current window.innerWidth  and window.innerHeight
    // put values in an object width_and_height_object
    return width_and_height_object; }

function calculate_XandY(width_and_height_object) {
    var XandY_object;
    // calcluate X and Y values by perfoming necessary division operations
    return XandY_object; }

var XandY = calculate_XandY(viewport()); </script>

<!DOCTYPE html> <html> …

Run Code Online (Sandbox Code Playgroud)

javascript css ajax jquery adaptive-design

Adi*_*oui

2016 02-23

5
推荐指数

1
解决办法

2669
查看次数

更改应用程序中所有控件的字体大小（win 表单）

我有一个应用程序需要适应一系列不同的屏幕尺寸（分辨率）。其中大部分工作是我使用表格布局面板完成的。

但某些控件（主要是按钮和标签）的字体太大，文本不适合控件。到目前为止，我已经通过使用更改了一些控件的字体

            if (Screen.PrimaryScreen.Bounds.Width < 1440)
        {
            button_5.Font = new Font("Impact", button_5.Font.Size - 4);
        }

Run Code Online (Sandbox Code Playgroud)

但是，为应用程序中的每个控件添加的文本太多。

有没有办法一次性更改应用程序上所有控件的字体？或者至少是表单上的所有控件？

c# fonts resolution winforms adaptive-design

Mar*_*nas

2023 04-24

4
推荐指数

1
解决办法

8472
查看次数

样式取决于 Xamarin 表单中的屏幕方向

我在手机和平板电脑上进行造型，但如何添加方向选项？这都是纵向的，但我如何添加水平方向的选项？

 <Style TargetType="Grid" x:Key="DocType">
                        <Setter Property="HeightRequest">
                        <Setter.Value>
                            <OnIdiom Phone="50" Tablet="80" />
                        </Setter.Value>
                    </Setter>
                 <Setter Property="BackgroundColor" Value="#F4F5F7"/>
             </Style>

Run Code Online (Sandbox Code Playgroud)

xaml styling adaptive-design xamarin.forms

Tet*_*ova

2021 02-08

4
推荐指数

1
解决办法

1245
查看次数